Elastic: .compact-table fixes

2 files changed, 6 insertions, 8 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;