Update some styles for the Mithril app

less/forum/composer.less

@@ -108,7 +108,7 @@
     pointer-events: none;
     .transition(left 0.2s);
 
-    .with-pane & {
+    .has-pane.pane-pinned & {
       left: @index-pane-width;
     }
   }
@@ -122,18 +122,18 @@
     height: 300px;
     .transition(~"background 0.2s");
 
-    .index-index & {
+    .index-page & {
       margin-left: 205px;
       margin-right: -20px;
     }
-    &.active, &.fullscreen {
+    &.active, &.full-screen {
       background: @fl-body-bg;
     }
     &.minimized {
       height: 50px;
       cursor: pointer;
     }
-    &.fullscreen {
+    &.full-screen {
       position: fixed;
       left: 0;
       top: 0;
@@ -149,7 +149,7 @@
     .minimized & {
       padding: 10px 20px;
     }
-    .fullscreen & {
+    .full-screen & {
       max-width: 900px;
       margin: 0 auto;
       padding: 30px;
@@ -160,7 +160,7 @@
     margin-bottom: -20px;
     position: relative;
 
-    .minimized &, .fullscreen & {
+    .minimized &, .full-screen & {
       display: none;
     }
   }

less/forum/index.less

@@ -70,7 +70,7 @@
       .box-shadow(2px 2px 6px -2px @fl-shadow-color);
       .transition(left 0.2s);
 
-      &.showing {
+      .pane-showing & {
         left: 0;
       }
       & .container {
@@ -106,7 +106,7 @@
 
 @media @desktop-hd {
   .index-area.paned {
-    .with-pane & {
+    .pane-pinned & {
       left: 0;
       z-index: @zindex-composer - 1;
       .transition(none);
@@ -114,7 +114,7 @@
   }
   // When the pane is pinned, move the other page content inwards
   .global-content, .global-footer {
-    .with-pane & {
+    .has-pane.pane-pinned & {
       margin-left: @index-pane-width;
       & .container {
         max-width: 100%;
@@ -123,7 +123,7 @@
     }
   }
   .global-header .container {
-    .with-pane & {
+    .has-pane.pane-pinned & {
       width: 100%;
     }
   }

less/forum/user.less

@@ -207,6 +207,11 @@
   }
   & .loading-indicator {
     color: #fff;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
   }
   & .dropdown-menu {
     left: 35%;