From 6503d0cc8496786e1ff8e2939fe4fb4ca837a8a6 Mon Sep 17 00:00:00 2001
From: Jared Tabor <jaredevantabor@gmail.com>
Date: Mon, 19 Jun 2017 18:51:14 -0700
Subject: [PATCH] mobile breakpoint

---
 awx/ui/client/assets/variables.less           | 28 +++++++++----------
 .../client/src/main-menu/main-menu.block.less |  2 +-
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/awx/ui/client/assets/variables.less b/awx/ui/client/assets/variables.less
index bc988bf6b9..0434a7f6fc 100644
--- a/awx/ui/client/assets/variables.less
+++ b/awx/ui/client/assets/variables.less
@@ -1,24 +1,24 @@
 // Default styles for AWX branding
 
 // Login modal icon
-@login-max-width:               200px;
-@login-margin:                  -30px 20px 10px -30px;
+@login-max-width:                   200px;
+@login-margin:                      -30px 20px 10px -30px;
 
 // Main nav bar logo
-@main-menu-width:               200px;
-@main-menu-margin:              -50px 0px 0px -40px;
-@main-menu-max-width:           initial;
-@main-menu-max-height:          initial;
-@main-menu-height:              initial;
-@main-menu-margin-breakpoint:   -55px 0px 0px -40px;
+@main-menu-width:                   200px;
+@main-menu-margin:                  -50px 0px 0px -40px;
+@main-menu-max-width:               initial;
+@main-menu-max-height:              initial;
+@main-menu-height:                  initial;
+@main-menu-margin-top-breakpoint:   -55px;
 
 
 // About modal logo
-@about-modal-float:             left;
-@about-modal-width:             200px;
-@about-modal-padding-top:       initial;
-@about-modal-margin-top:        -60px;
-@about-modal-margin-left:       -50px;
+@about-modal-float:                 left;
+@about-modal-width:                 200px;
+@about-modal-padding-top:           initial;
+@about-modal-margin-top:            -60px;
+@about-modal-margin-left:           -50px;
 
 // Copyright text should be hidden
-@copyright-text:            0;
+@copyright-text:                    0;
diff --git a/awx/ui/client/src/main-menu/main-menu.block.less b/awx/ui/client/src/main-menu/main-menu.block.less
index 2a12ff8728..6dec896079 100644
--- a/awx/ui/client/src/main-menu/main-menu.block.less
+++ b/awx/ui/client/src/main-menu/main-menu.block.less
@@ -187,7 +187,7 @@
     }
 
     .MainMenu-logoImage {
-        margin: @main-menu-margin-breakpoint;
+        margin-top: @main-menu-margin-top-breakpoint;
     }
 
     .MainMenu-item--notMobile {