From 72c12054c17b09ed5035a6703da1fde2077d7989 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 1 Jun 2015 16:57:16 -0400
Subject: [PATCH] fixed setup menu displaying strangely in ffox

---
 .../js/setup-menu/setup-item.block.less       |  6 ++++
 .../js/setup-menu/setup-menu.partial.html     | 36 ++++++++++---------
 2 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/awx/ui/static/js/setup-menu/setup-item.block.less b/awx/ui/static/js/setup-menu/setup-item.block.less
index c62fc60d25..1dfae73459 100644
--- a/awx/ui/static/js/setup-menu/setup-item.block.less
+++ b/awx/ui/static/js/setup-menu/setup-item.block.less
@@ -64,6 +64,12 @@
         }
     }
 
+    // flexbox bug in firefox: you can't make a button display:flex
+    // https://github.com/philipwalton/flexbugs#9-button-elements-cant-be-flex-containers
+    &-firefoxFlexButtonFix {
+        display: flex;
+    }
+
     &-title {
         &--aside {
           font-size: 1.4rem;
diff --git a/awx/ui/static/js/setup-menu/setup-menu.partial.html b/awx/ui/static/js/setup-menu/setup-menu.partial.html
index 06696b2e8d..594cd5f2c8 100644
--- a/awx/ui/static/js/setup-menu/setup-menu.partial.html
+++ b/awx/ui/static/js/setup-menu/setup-menu.partial.html
@@ -48,26 +48,30 @@
           </div>
         </a>
         <button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showManagementJobsModal()" ng-if="user_is_superuser">
-          <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
-            <aw-icon name="ManagementJobs"></aw-icon>
-          </i>
-          <div class="Media-block">
-            <h4 class="SetupItem-title SetupItem-title--aside">Management Jobs</h4>
-            <p class="SetupItem-description SetupItem-description--aside">
-              Schedule jobs to periodically cleanup job history.
-            </p>
+          <div class="SetupItem-firefoxFlexButtonFix">
+            <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
+              <aw-icon name="ManagementJobs"></aw-icon>
+            </i>
+            <div class="Media-block">
+              <h4 class="SetupItem-title SetupItem-title--aside">Management Jobs</h4>
+              <p class="SetupItem-description SetupItem-description--aside">
+                Schedule jobs to periodically cleanup job history.
+              </p>
+            </div>
           </div>
         </button>
         <button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showInventoryScriptsModal()" ng-if="user_is_superuser">
-          <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
-            <aw-icon name="InventoryScripts"></aw-icon>
-          </i>
-          <div class="Media-block">
-            <h4 class="SetupItem-title SetupItem-title--aside">Inventory Scripts</h4>
-            <p class="SetupItem-description SetupItem-description--aside">
-              Create and edit scripts to dynamically load hosts from any source.
-            </p>
+          <div class="SetupItem-firefoxFlexButtonFix">
+            <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
+              <aw-icon name="InventoryScripts"></aw-icon>
+            </i>
+            <div class="Media-block">
+              <h4 class="SetupItem-title SetupItem-title--aside">Inventory Scripts</h4>
+              <p class="SetupItem-description SetupItem-description--aside">
+                Create and edit scripts to dynamically load hosts from any source.
+              </p>
             </div>
+          </div>
         </button>
         <a link-to="license" class="SetupItem SetupItem--button SetupItem--aside SetupItem--noIcon">
           <h4 class="SetupItem-title SetupItem-title--aside">View Your License</h4>