Elastic: .compact-table fixes

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;

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: .25rem 0 0 0;
-                    padding-left: 0;
 
                     &.rowbuttons {
                         text-align: right;

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')