fixed setup menu displaying strangely in ffox

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;

awx/ui/static/js/setup-menu/setup-menu.partial.html

@@ -48,6 +48,7 @@
           </div>
         </a>
         <button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showManagementJobsModal()" ng-if="user_is_superuser">
+          <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>
@@ -57,8 +58,10 @@
                 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">
+          <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>
@@ -68,6 +71,7 @@
                 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>