Elastic: Visual fixes for folder sharing dialog

plugins/kolab_files/kolab_files.js

@@ -2816,6 +2816,9 @@ function kolab_files_ui()
 
     $(this.sharing_submit_row).parent().append(row);
 
+    if (window.UI && UI.pretty_select)
+      row.find('select').each(function() { UI.pretty_select(this); }); // for Elastic
+
     if (table.data('single')) {
       $('tbody > tr:first', table).find('button,input,select').prop('disabled', true);
     }
@@ -2867,7 +2870,7 @@ function kolab_files_ui()
     var error;
 
     $('select,input', row).each(function() {
-      if (this.type == 'password' && this.value != $('input[name=' + this.name + 'confirm]', row).val())
+      if (this.type == 'password' && !this.name.match(/confirm$/) && this.value != $('input[name=' + this.name + 'confirm]', row).val())
         error = rcmail.display_message('kolab_files.passwordconflict', 'error');
 
       data[this.name] = $(this).val();

plugins/libkolab/skins/elastic/include/kolab_files.less

@@ -482,3 +482,40 @@ button.participant.add:before {
         padding: 1em;
     }
 }
+
+#shareform {
+    table {
+        td,th {
+            padding-left: .15rem;
+            max-width: 10vw; // needed for overflow
+            .overflow-ellipsis;
+
+            &:last-child {
+                padding-right: .15rem;
+                width: 1%;
+                max-width: unset;
+            }
+        }
+
+        td {
+            vertical-align: middle;
+
+            &.form {
+                input {
+                    margin-bottom: .25rem;
+                    width: 100%;
+                }
+            }
+        }
+
+        tr + tr > td {
+            border-top: 0;
+            padding-bottom: .25rem;
+        }
+
+        button {
+            padding: .175rem .75rem;
+            width: 100%;
+        }
+    }
+}