(html,js) Reorder and filter calendars list

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

@@ -76,7 +76,7 @@ md-list-item {
   }
 
   // Remove padding of input fields in the sidenav for better transitions between read and edit mode of a folder
-  md-input-container {
+  md-input-container:not(.md-icon-left) {
     margin: 0;
     padding: 0;
     .md-input {
@@ -231,12 +231,25 @@ div.md-tile-left {
     }
   }
 
+  &-sortable-chosen {
+    background-color: white;
+  }
+
   &-sortable-ghost {
     opacity: 0.5;
   }
 
-  &-sortable-chosen {
-    background-color: white;
+  &-list-sortable {
+    ._md-secondary-container > .md-menu {
+      .md-button {
+        display: none;
+      }
+      &:before {
+        @extend .material-icons;
+        content: "\e8fe";
+        cursor: move;
+      }
+    }
   }
 }
 

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -112,6 +112,23 @@ hgroup {
   flex: 1 1 auto;
 }
 
-.sg-toolbar-search {
-  padding: $toolbar-padding 0;
+// Animate transitions from one toolbar to the other
+.sg-toolbar-multiple {
+  overflow: hidden;
+  .md-toolbar-tools {
+    &.ng-hide {
+      transform: translateY(100%);
+      transition: transform 0ms;
+    }
+    transform: translateY(0%);
+    transition: transform 240ms;
+  }
 }
+
+.sg-toolbar-tools--dense {
+  height: $bl * 6;
+}
+
+//.sg-toolbar-search {
+//  padding: $toolbar-padding 0;
+//}