removing margins from body, which don't play well with jquery position() or offset()

wagtail/wagtailadmin/static/wagtailadmin/scss/core.scss

@@ -626,7 +626,7 @@ footer, .logo{
         padding-right:$desktop-nice-padding;
     }
 
-    body{
+    .wrapper{
         margin-left:$menu-width;
     }
 
@@ -645,7 +645,7 @@ footer, .logo{
         left:0;
         height:100%;
         width:$menu-width;
-        margin-left: -$menu-width;
+        margin-left: 0;
 
         .inner{
             height:100%;

wagtail/wagtailadmin/static/wagtailadmin/scss/panels/rich-text.scss

@@ -3,14 +3,13 @@
 
 .hallotoolbar{
     position:absolute;
-    left:50px;
+    left:$mobile-nice-padding;
     z-index:5;
     margin-top:4em;
     margin-left:0em;
 }
 .hallotoolbar.affixed{
     position:fixed;
-    margin-left:140px;
     margin-top:0;
 }
 .hallotoolbar button{
@@ -148,18 +147,8 @@
         }
     }
 }
-
-@media screen and (min-width: $breakpoint-desktop-larger){
-   /* .hallotoolbar{
-        margin:0 auto;
-        position:absolute;
-        left:-$menu-width;
-        right:0;
-        z-index:5;
-        margin-top:3em;
+@media screen and (min-width: $breakpoint-mobile){
+    .hallotoolbar{
+        left:$menu-width + $desktop-nice-padding;
     }
-    .hallotoolbar.affixed{
-        position:fixed;
-        margin:0 auto;
-    }*/
-}
+ }