Various Web interface changes

- more contrasted primary palette;
- white toolbars for list and detail views;
- modules navigation always visible;
- wrapped detail views into a md-card;
- moved preferences button to the sidenav;
- moved the sidenav toggle button to the top toolbar;
- new "flip" visual effect when looking at the raw source of cards and
  messages.

UI/WebServerResources/js/Scheduler/ComponentController.js

@@ -19,7 +19,7 @@
     vm.replyAllOccurrences = replyAllOccurrences;
     vm.deleteOccurrence = deleteOccurrence;
     vm.deleteAllOccurrences = deleteAllOccurrences;
-    vm.viewRawSource = viewRawSource;
+    vm.toggleRawSource = toggleRawSource;
 
     // Load all attributes of component
     if (angular.isUndefined(vm.component.$futureComponentData)) {
@@ -106,15 +106,16 @@
       });
     }
 
-    function viewRawSource($event) {
+    function toggleRawSource($event) {
       Calendar.$$resource.post(vm.component.pid + '/' + vm.component.id, "raw").then(function(data) {
+        $mdDialog.hide();
         $mdDialog.show({
           parent: angular.element(document.body),
           targetEvent: $event,
           clickOutsideToClose: true,
           escapeToClose: true,
           template: [
-            '<md-dialog flex="80" flex-sm="100" aria-label="' + l('View Raw Source') + '">',
+            '<md-dialog flex="80" flex-xs="100" aria-label="' + l('View Raw Source') + '">',
             '  <md-dialog-content class="md-dialog-content">',
             '    <pre>',
             data,