Fix avatar position in footer on mobile (#3781)

* Fix avatar unnecessarily shifting by 50px in the footer on mobile

* Update _formatters.scss

* Move mobile menu on homepage override to col1 on homepage instead of avatar

* Add release notes for #3781

CHANGELOG.txt

@@ -12,6 +12,7 @@ Changelog
  * Fix: In PostgreSQL, new default ordering when ranking of objects is the same (Bertrand Bordage)
  * Fix: Enabled translations within date-time chooser widget (Lucas Moeskops)
  * Fix: Fixed overlapping header elements on form submissions view on mobile (Jack Paine)
+ * Fix: Fixed avatar position in footer on mobile (Jack Paine)
 
 
 1.12 LTS (21.08.2017)

docs/releases/1.13.rst

@@ -27,6 +27,7 @@ Bug fixes
  * In PostgreSQL, new default ordering when ranking of objects is the same (Bertrand Bordage)
  * Enabled translations within date-time chooser widget (Lucas Moeskops)
  * Fixed overlapping header elements on form submissions view on mobile (Jack Paine)
+ * Fixed avatar position in footer on mobile (Jack Paine)
 
 
 Upgrade considerations

wagtail/wagtailadmin/static_src/wagtailadmin/scss/components/_formatters.scss

@@ -37,10 +37,6 @@
             border-radius: 0;
         }
     }
-
-    @media screen and (max-width: $breakpoint-mobile) {
-        left: $mobile-nav-indent;
-    }
 }
 
 .media-placeholder {

wagtail/wagtailadmin/static_src/wagtailadmin/scss/layouts/home.scss

@@ -12,6 +12,12 @@ header {
         width: 50px;
         margin-right: 1em;
         padding: 0;
+
+        // make way for the nav-menu button on mobile
+        @media screen and (max-width: $breakpoint-mobile) {
+            position: relative;
+            left: $mobile-nav-indent;
+        }
     }
 
     h1,