Add mobile version to webmail and improvements

UI/WebServerResources/scss/MailerUI.scss

@@ -240,6 +240,7 @@ $column-gutter: 0;
         h1, h2, h3, h4, h5, h6 {
             margin-left: rem-calc(12);
             margin-top: 0;
+            padding-top: rem-calc(12);
         }
         h1 {
             margin-bottom: 0;
@@ -247,7 +248,7 @@ $column-gutter: 0;
         .header {
             background-color: $secondary-color;
             padding-bottom: 0.2em;
-            h1, h6 {
+            h1, h4, h6 {
                 color: #fff;
             }
             .label {

UI/WebServerResources/scss/mobile.scss

@@ -57,11 +57,38 @@ ion-content {
     }
 }
 
+ion-list {
+    &.small {
+        a {
+            padding-top: $padding-small-vertical !important;
+            padding-bottom: $padding-small-vertical !important;
+        }
+        h2, p {
+            font-size: $font-size-base;
+        }
+        p {
+            margin: 0 !important;
+        }
+    }
+}
+
 ion-item {
     small {
         display: block;
         color: $positive !important;
     }
+    .right {
+        float: right;
+    }
+    &[collection-repeat] {
+        width: 100%;
+    }
+}
+
+$i: 1;
+@while $i < 12 {
+    .item-complex.item-icon-left.childLevel#{$i} { padding-left: 10px * $i; }
+    $i: $i + 1;
 }
 /* Additional styles */