Noissue - Fix broken layout from changeset 1940351cdb4c

static/scss/layout/_body.scss

 // This file is part of acceptableads.org.
 // Copyright (C) 2016-present eyeo GmbH
 //
 // acceptableads.org is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // acceptableads.org is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 // GNU General Public License for more details.
 //
 // You should have received a copy of the GNU General Public License
 // along with acceptableads.org.  If not, see <http://www.gnu.org/licenses/>.
 
-.js .outer
+.outer
 {
-  position: absolute;
-  top: 96px;
-  margin-top: 0;
   bottom: 0px;
   height: auto;
   width: 100%;
   overflow: auto;
+  margin-top: $breadcrumbs-height;
+}
+
+.js .outer
+{
+  margin-top: $header-height;
+}
+
+@media(max-width: $sidebar-breakpoint-x - 1)
+{
+  .outer
+  {
+    margin-top: auto;
+  }
+
+  html:not(.open-sidebar).mobile .outer
+  {
+    position: static;
+  }
+
+  html:not(.open-sidebar).mobile.scrollDown .outer
+    {
+      margin-top: $breadcrumbs-height;
+    }
+
+  .mobile.open-sidebar .outer
+  {
+    position: absolute;
+  }
 }
 
 @media(min-width: $sidebar-breakpoint-x)
 {
-  html[dir="ltr"]
-  {
-    .outer
+  html[dir="ltr"] .outer
     {
       padding-left: $sidebar-width;
     }
-  }
 
-  .outer
-  {
-    margin-top: 32px;
-  }
-
-  .js .outer
-  {
-    margin-top: 0px;
-  }
-
-  html[dir="rtl"]
-  {
-    .outer
+  html[dir="rtl"] .outer
     {
       padding-right: $sidebar-width;
     }
-  }
 }