Support .boxinformation element and table with .checkbox-cell

skins/elastic/styles/widgets/common.less

@@ -167,6 +167,10 @@ font.bold {
         }
     }
 
+    table {
+        margin: 0;
+    }
+
     /* Options table is a table with first column for identifier/description
        and other columns for a state flag. E.g. ACL table */
     table.options-table {
@@ -233,6 +237,66 @@ table.compact-table {
     }
 }
 
+table.table {
+    .checkbox-cell {
+        width: 3rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-align: center;
+
+        input.icon-checkbox + label {
+            display: inline-block;
+            padding: 0;
+
+            &:before {
+                line-height: 1;
+                height: 1rem;
+            }
+        }
+    }
+
+    th.checkbox-cell {
+        padding: .75rem 0;
+        max-width: 1rem;
+
+        &:before {
+            &:extend(.font-icon-class);
+            cursor: pointer;
+            margin: 0 1rem;
+            line-height: 1;
+        }
+
+        &.subscription:before {
+            content: @fa-var-feed;
+        }
+
+        &.alarm:before {
+            content: @fa-var-bell-o;
+        }
+
+        &.read:before {
+            content: @fa-var-eye;
+        }
+
+        &.write:before {
+            content: @fa-var-pencil;
+        }
+    }
+
+    label {
+        margin: 0;
+    }
+}
+
+html.touch {
+    table.table {
+        th.checkbox-cell:before {
+            font-size: 1.5rem;
+        }
+    }
+}
+
+
 /* Bootstrap's .table style overwrites */
 .table {
     thead th {

skins/elastic/styles/widgets/lists.less

@@ -207,7 +207,7 @@ html.touch {
         content: @fa-var-lock;
     }
     &.addressbook a:before {
-        content: @fa-var-book;
+        content: @fa-var-address-book-o;
     }
     &.contactgroup a:before {
         content: @fa-var-group;

skins/elastic/styles/widgets/messages.less

@@ -45,8 +45,8 @@
 }
 
 /*
-    .boxwarning and .boxerror classes are supported by conversion
-    to .ui.alert in bootstrap_init()
+    .boxwarning/.boxerror/.boxinformation classes are supported
+    by conversion to .ui.alert in bootstrap_init()
 */
 
 .ui.alert {
@@ -138,6 +138,8 @@
         font-weight: normal;
     }
 
+    &.boxerror,
+    &.boxinformation,
     &.boxwarning {
         float: none;
         border-radius: 0;

skins/elastic/ui.js

@@ -459,7 +459,7 @@ function rcube_elastic_ui()
         $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary');
         $('button.btn.delete', context).addClass('btn-danger');
 
-        $.each(['warning', 'error'], function() {
+        $.each(['warning', 'error', 'information'], function() {
             var type = this;
             $('.box' + type, context).each(function() {
                 message_displayed({object: this, type: type});