Cleanup and reorder some scss

src/theme.scss

@@ -312,37 +312,41 @@ textarea {
         }
     }
 
-    .grid-item-dropdown {
+    .grid-item-content {
-        border: none;
+        display: block;
-        float: right;
+        background-color: white;
+        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
+        border-radius: 2px;
+        height: 100%;
 
         &:hover {
-            background-color: rgba(255, 255, 255, 0.3);
+            background-color: rgba(0, 0, 0, 0.1) !important;
-            color: $brand-primary;
+        }
+
+        .grid-item-action {
+            border: none;
+            float: right;
+
+            &:hover {
+                background-color: rgba(255, 255, 255, 0.3);
+                color: $brand-primary;
+            }
+        }
+
+        .grid-item-top {
+            padding: 10px 15px;
+            height: 100%;
+
+            .grid-item-top-title {
+                white-space: nowrap;
+                overflow: hidden;
+                font-size: 24px;
+                font-family: $font-family-heading;
+            }
         }
     }
 }
 
-.grid-item-content {
-    display: block;
-    background-color: white;
-    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-    height: 100%;
-}
-
-.grid-item-top {
-    padding: 10px 15px;
-    height: 100%;
-}
-
-.grid-item-top-title {
-    white-space: nowrap;
-    overflow: hidden;
-    font-size: 24px;
-    font-family: $font-family-heading;
-}
-
 .app-update-badge {
     display: flex;
     justify-content: center;
@@ -389,10 +393,6 @@ textarea {
     max-width: 100%;
 }
 
-.app-tooltip {
-    left: 32px !important;
-}
-
 multiselect {
     &.stretch {
         button {

src/views/apps.html

@@ -72,8 +72,8 @@
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
       <div class="app-grid">
         <div class="grid-item" ng-repeat="app in installedApps | selectedGroupAccessFilter:selectedGroup | selectedStateFilter:selectedState | selectedTagFilter:selectedTags | selectedDomainFilter:selectedDomain | appSearchFilter:appSearch | orderBy:'fqdn'" ng-class="{ 'admin-action': app.manifest.configurePath && (app | applicationLink) }">
-          <div class="highlight grid-item-content" uib-tooltip="{{ app.fqdn }}">
+          <div class="grid-item-content" uib-tooltip="{{ app.fqdn }}">
-            <a ng-show="user.isAtLeastAdmin" ng-href="#/app/{{ app.id}}/display" class="btn btn-lg btn-default grid-item-dropdown">
+            <a ng-show="user.isAtLeastAdmin" ng-href="#/app/{{ app.id}}/display" class="btn btn-lg btn-default grid-item-action">
               <i class="fas fa-cogs"></i>
             </a>
             <a ng-href="{{ app | applicationLink }}" ng-click="user.isAtLeastAdmin && (((app | installError) === true || (app | installationActive) === true) && showAppConfigure(app, 'repair')) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && appPostInstallConfirm.show(app))" target="_blank" ng-class="{ 'hand': (app | appIsInstalledAndHealthy) || (app | installError)  || (app | installationActive)}">