Small dialog improvements

skins/elastic/styles/layout.less

@@ -20,6 +20,8 @@
 
 @taskmenu-width:        70px;
 
+@layout-header-height-mobile:    2.5rem;
+
 /*** Responsive design - Layout ***/
 
 /*

skins/elastic/styles/widgets/jqueryui.less

@@ -77,7 +77,12 @@
         }
 
         .ui-dialog-titlebar {
-        
+            height: @layout-header-height-mobile;
+        }
+
+        .ui-dialog-title {
+            line-height: @layout-header-height-mobile;
+            font-size: 1rem;
         }
 
         .ui-dialog-content {
@@ -91,26 +96,31 @@
             padding: 0 !important;
             text-align: center !important;
 
-            .ui-dialog-buttonset button {
+            .ui-dialog-buttonset {
-                margin: 0 !important;
+                display: flex;
-                border: 0 !important;
+
-                box-shadow: none;
+                button {
-
+                    margin: 0 !important;
-                &:before {
+                    border: 0 !important;
-                    display: block;
+                    box-shadow: none;
-                    width: auto;
+                    flex-grow: 1;
-                    height: 1.25em;
+
-                    margin: 0;
+                    &:before {
-                }
+                        display: block;
-
+                        width: auto;
-                &.btn-primary {
+                        height: 1.25em;
-                    color: #007bff; /* TODO: var */
+                        margin: 0;
-                    background: transparent;
+                    }
-                }
+
-
+                    &.btn-primary {
-                &.btn-secondary {
+                        color: #007bff; /* TODO: var */
-                    color: #868e96; /* TODO: var */
+                        background: transparent;
-                    background: transparent;
+                    }
+
+                    &.btn-secondary {
+                        color: #868e96; /* TODO: var */
+                        background: transparent;
+                    }
                 }
             }
         }