From 98d8ab287ad082708c5efd68379cd65b898c3c61 Mon Sep 17 00:00:00 2001
From: Pedro Pinto Silva <pedro.silva@collabora.com>
Date: Tue, 8 Dec 2020 14:42:23 +0100
Subject: [PATCH] JSDialog: Fix pseudo table-rows dimension (actually they
 should be tables)

and make sure contents do fill available space

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I74fdfc50ac888c08f82077c78b16ddda8daaf845
---
 loleaflet/css/jsdialogs.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/loleaflet/css/jsdialogs.css b/loleaflet/css/jsdialogs.css
index d4a5e7ddb..562559549 100644
--- a/loleaflet/css/jsdialogs.css
+++ b/loleaflet/css/jsdialogs.css
@@ -10,6 +10,10 @@
 	font-family: var(--jquery-ui-font);
 }
 
+.jsdialog.vertical p {
+	margin-bottom: 2px;
+}
+
 .jsdialog.row {
 	display: table-row;
 }
@@ -24,6 +28,12 @@
 	width: max-content;
 }
 
+.jsdialog.vertical:not([id^='table-dialog-action_area']) > .jsdialog.row,
+td.jsdialog > [id^='table-box'] {
+	display: table;
+	width: 100%;
+}
+
 /* Expander */
 .ui-expander-label::before {
 	content: '>';