Improve lists in sidenav

- the ripple effect is now visible when clicking on list items;
- the fab icon has been moved over the items list;
- colorized the checkboxes of the calendars list.

UI/WebServerResources/scss/components/list/list.scss

@@ -25,6 +25,7 @@
 md-list {
   .sg-item-name {
     font-size: sg-size(button);
+    max-width: 75%; // leave some place for a secondary button
     text-transform: initial;
     overflow: hidden;
     text-align: left;
@@ -33,6 +34,13 @@ md-list {
   }
 }
 
+// Add some padding to the first icon in a list item
+.md-list-item-inner {
+  > i:first-child {
+    padding-right: $mg;
+  }
+}
+
 // The right tile for a list item.
 // ----------------------------------------------------------------------------
 .md-tile-right {