From 0c419e4dd10bc0a9dae5f51ddf4515c67d93e443 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Thu, 11 Apr 2019 08:45:10 +0200
Subject: [PATCH] Elastic: .compact-table fixes

---
 skins/elastic/styles/widgets/common.less |  1 +
 skins/elastic/styles/widgets/forms.less  | 13 +++++--------
 skins/elastic/ui.js                      |  2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/skins/elastic/styles/widgets/common.less b/skins/elastic/styles/widgets/common.less
index 26416aded..8b2fc53b7 100644
--- a/skins/elastic/styles/widgets/common.less
+++ b/skins/elastic/styles/widgets/common.less
@@ -434,6 +434,7 @@ fieldset.image-attachment {
 
 table.compact-table {
     margin: 0;
+    width: 100%;
 
     *:not(.invalid-feedback) {
         font-size: inherit;
diff --git a/skins/elastic/styles/widgets/forms.less b/skins/elastic/styles/widgets/forms.less
index ac7efbea2..c379be75c 100644
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@@ -55,6 +55,7 @@ input.smart-upload {
     td.rowbuttons {
         width: 1%;
         white-space: nowrap;
+        vertical-align: top;
 
         span {
             display: none;
@@ -92,6 +93,7 @@ input.smart-upload {
 
     td.rowactions {
         width: 1%;
+        vertical-align: top;
 
         .form-control {
             width: auto;
@@ -99,6 +101,8 @@ input.smart-upload {
     }
 
     td.rowtargets {
+        vertical-align: top;
+
         .composite {
             input, textarea, select, .multi-input, .input-group {
                 margin-bottom: .5rem;
@@ -316,12 +320,6 @@ input.smart-upload {
 @media screen and (max-width: @screen-width-bs-phone) {
     .propform {
         table.compact-table {
-            overflow-x: initial;
-
-            tbody {
-                display: block;
-            }
-
             .rowactions > select,
             .flexbox > select {
                 width: 100%;
@@ -333,8 +331,7 @@ input.smart-upload {
 
                 td {
                     width: 100%;
-                    padding-right: 0;
-                    padding-left: 0;
+                    padding: .25rem 0 0 0;
 
                     &.rowbuttons {
                         text-align: right;
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index f60d67f42..fb3c46f70 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -989,7 +989,7 @@ function rcube_elastic_ui()
         });
 
         // Make tables pretier
-        $('table:not(.table,.propform,.listing,.ui-datepicker-calendar)', context)
+        $('table:not(.table,.compact-table,.propform,.listing,.ui-datepicker-calendar)', context)
             .filter(function() {
                 // exclude direct propform children and external content
                 return !$(this).parent().is('.propform')