safe

resources/styles/_apps-window.scss

@@ -7,6 +7,9 @@
   padding: 28px;
   background: colors.$bg-translucent;
   border-radius: $radius $radius 0 0;
+  max-width: 1600px;
+  margin-left: auto;
+  margin-right: auto;
 
   & entry {
     background: transparent;
@@ -22,29 +25,46 @@
   }
 
   & flowbox {
-    padding: 16px 24px;
+    padding: 16px 36px;
 
     & > flowboxchild {
       & > button {
         padding: 10px;
         border-radius: 24px;
+        background: linear-gradient(
+          135deg,
+          color.change($color: colors.$bg-primary, $alpha: 0.9),
+          color.change($color: colors.$bg-secondary, $alpha: 0.7)
+        );
+        border: 1px solid transparent;
 
         & image {
           -gtk-icon-size: 64px;
         }
 
-        & label {
+        & label.app-name {
           margin-top: 24px;
+          font-size: 16px;
           text-shadow: 1px 1px 1px rgba(colors.$bg-primary, .2);
           font-weight: 500;
         }
       }
 
       &:focus > button, 
-      &:selected > button,
-      & > button:hover {
-        background-color: rgba($color: colors.$bg-secondary, $alpha: .5);
+      &:selected > button {
+        background: linear-gradient(
+          135deg,
+          color.change($color: colors.$bg-secondary, $alpha: 0.95),
+          color.change($color: colors.$bg-tertiary, $alpha: 0.8)
+        );
+        border-color: colors.$bg-tertiary;
+        box-shadow: 0 0 0 1px colors.$bg-tertiary;
+
+        & label.app-name {
+          font-weight: 700;
+        }
       }
+
     }
   }
 }