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/button/button.scss

@@ -152,16 +152,10 @@ md-toolbar .md-toolbar-tools .iconButton:last-child,
   // flex might stretch or squize fab bottons
   min-width: $button-fab-width;
   min-height: $button-fab-height;
-  // this is a temporary fix, see comment in variables
-  padding: $mg;
-  margin-right: $mg;
-  // this is to positioned the button on the toolbar's edge
-  transform: translate3d(0, -50%, 0);
 
   &:hover {
-    transform: translate3d(0, -49%, 0);
-    [class ^= md-icon],
-    [class *= md-icon-] {
+    [class^=md-icon],
+    [class*=md-icon-] {
       transform: scale($iconButton-hover-scale);
     }
   }