(css) Fix glitches in Month view with Firefox

NEWS

@@ -3,6 +3,7 @@
 
 Enhancements
  - [web] show locale codes beside language names in Preferences module
+ - [web] fixed visual glitches in Month view with Firefox
 
 Bug fixes
  - [core] remove all alarms before sending IMIP replies (#3925)

UI/Templates/SchedulerUI/UIxCalMainView.wox

@@ -337,7 +337,8 @@
     </md-sidenav>
 
     <!-- Main section -->
-    <section layout="column" layout-fill="layout-fill"
+    <section class="view-main"
+             layout="column"
              ng-controller="CalendarListController as list">
       <md-toolbar class="toolbar-main" flex-none="flex-none" layout="row" layout-align="space-between center">
         <var:component className="UIxTopnavToolbar"/>

UI/WebServerResources/scss/views/SchedulerUI.scss

@@ -259,6 +259,7 @@ $quarter_height: 10px;
     font-size: $sg-font-size-2;
     font-weight: $sg-font-medium;
     border-radius: $block_radius;
+    //overflow: hidden;
     position: absolute;
     left: 0;
     right: 0;
@@ -371,11 +372,11 @@ $quarter_height: 10px;
     &:hover {
       .dragGrip {
         &-top, &-bottom {
-          display: block;
+          opacity: 1;
           cursor: ns-resize;
         }
         &-left, &-right {
-          display: block;
+          opacity: 1;
           cursor: ew-resize;
         }
       }
@@ -383,7 +384,7 @@ $quarter_height: 10px;
 
     .dragGrip {
       &-top, &-bottom, &-left, &-right {
-        display: none;
+        opacity: 0;
         position: absolute;
       }
 

UI/WebServerResources/scss/views/_view.scss

@@ -13,6 +13,10 @@
   max-height: 100%;
 }
 
+.view-main {
+  width: 100%;
+}
+
 body {
   &.popup {
     .viewer {