Improve displaying of .propform tables with no form controls, but only text

skins/elastic/styles/widgets/forms.less

@@ -236,6 +236,32 @@ input.smart-upload {
     select + .input-group {
         padding-top: .5rem;
     }
+
+    &.text-only {
+        margin-bottom: .25rem;
+
+        tr {
+            margin: 0;
+        }
+
+        label {
+            padding-bottom: 0 !important;
+        }
+
+        @media screen and (max-width: 576px) {
+            tr {
+                display: table-row;
+            }
+
+            td {
+                width: auto;
+
+                &:first-child {
+                    width: 33%;
+                }
+            }
+        }
+    }
 }
 
 @media screen and (max-width: 576px) {
@@ -369,6 +395,10 @@ html.ms .propform {
             padding: .375rem .375rem .375rem 0;
         }
 
+        .form-control-plaintext {
+            padding-bottom: 0;
+        }
+
         @media screen and (max-width: 576px) {
             &.form-group {
                 & > td label {
@@ -410,6 +440,10 @@ html.ms .propform {
             margin: 0; // fixes checkbox alignment with other inputs in a form
             margin-top: .5rem;
             margin-bottom: .5rem;
+
+            & + label {
+                display: inline;
+            }
         }
     }
 
@@ -832,6 +866,11 @@ html.touch .popupmenu.form {
         text-decoration: underline;
     }
 
+    .skinlicense,
+    .skinauthor {
+        font-size: 90%;
+    }
+
     .skinthumbnail {
         width: 64px;
         height: 64px;

skins/elastic/ui.js

@@ -582,7 +582,10 @@ function rcube_elastic_ui()
         // Forms
         $('input:not(.button,[type=file],[type=radio],[type=checkbox]),select,textarea', $('.propform', context)).addClass('form-control');
         $('[type=checkbox]', $('.propform', context)).addClass('form-check-input');
-        $('table.propform > tbody > tr', context).each(function() {
+        $('table.propform', context).each(function() {
+            var text_only = true;
+
+            $(this).find('> tbody > tr').each(function() {
                 var first, last, row = $(this),
                     row_classes = ['form-group', 'row'],
                     cells = row.children('td');
@@ -601,10 +604,15 @@ function rcube_elastic_ui()
                         if (last.find('a').length) {
                             row_classes.push('with-link');
                         }
+
+                        text_only = false;
                     }
                     else if (!last.find('input:not([type=hidden]),textarea,radio,select').length) {
                         last.addClass('form-control-plaintext');
                     }
+                    else {
+                        text_only = false;
+                    }
 
                     // style some multi-input fields
                     if (last.children('.datepicker') && last.children('input').length == 2) {
@@ -618,6 +626,11 @@ function rcube_elastic_ui()
                 row.addClass(row_classes.join(' '));
             });
 
+            if (text_only) {
+                $(this).addClass('text-only');
+            }
+        });
+
         // Special input + anything entry
         $('td.input-group', context).each(function() {
             $(this).children(':not(:first)').addClass('input-group-addon');