Group apps by domain

src/theme.scss

@@ -245,6 +245,11 @@ h1, h2, h3 {
 // Apps view
 // ----------------------------
 
+.app-grid {
+    display: flex;
+    flex-wrap: wrap;
+}
+
 .grid-item {
     padding: 10px;
     min-width: 225px;
@@ -260,14 +265,8 @@ h1, h2, h3 {
     }
 }
 
-.grid-item:hover .grid-item-bottom {
-    @media(min-width:768px) {
-        opacity: 1;
-        right: 10px;
-    }
-}
-
 .grid-item-content {
+    position: relative; // required to make action buttons positioned absolute within the element
     background-color: white;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
     border-radius: 2px;
@@ -284,21 +283,10 @@ h1, h2, h3 {
     font-family: $font-family-heading;
 }
 
-.grid-item-bottom-mobile {
-    padding: 10px 15px;
-    border-top: 1px solid #ddd;
-    background-color: white;
-
-    @media(min-width:768px) {
-        display: none;
-    }
-}
-
-.grid-item-bottom {
+.grid-item-actions {
     display: none;
     position: absolute;
     top: 20px;
-    padding: 10px 15px;
     right: -10px;
     opacity: 0;
     background-color: transparent;
@@ -310,6 +298,13 @@ h1, h2, h3 {
     }
 }
 
+.grid-item:hover .grid-item-actions {
+    @media(min-width:768px) {
+        opacity: 1;
+        right: 10px;
+    }
+}
+
 .app-update-badge {
     position: absolute;
     right: 0;