💥 fix(runner): result selection not working, scrolledwindow not scrolling automatically with focused row

ags/style/_apps-window.scss

@@ -25,7 +25,7 @@
 
     & > flowboxchild {
       & > button {
-        padding: 8px;
+        padding: 10px;
         border-radius: 24px;
 
         & image {
@@ -33,7 +33,7 @@
         }
 
         & label {
-          margin-top: 6px;
+          margin-top: 24px;
           text-shadow: 1px 1px 1px rgba(colors.$bg-primary, .2);
           font-weight: 500;
         }

ags/style/_center-window.scss

@@ -81,12 +81,12 @@
 
     & trough {
       border-radius: 4px;
-      min-height: .6em;
     }
 
     & trough highlight {
-      border-radius: 4px;
-      min-height: .6em;
+      min-height: .65em;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
     }
 
     & .bottom {

ags/style/_control-center.scss

@@ -17,14 +17,15 @@
     &:first-child {
       margin-top: 0;
     }
+
     &:last-child {
       margin-bottom: 0;
     }
   }
 
-  /*& eventbox:focus, & button:focus {
+  & button:focus-visible {
     box-shadow: inset 0 0 0 1px colors.$fg-primary;
-  }*/
+  }
 
   & .quickactions {
     margin-bottom: .8em;

ags/style/_osd.scss

@@ -16,24 +16,18 @@
     margin-top: -6px;
 
     .device {
-      margin-bottom: 5px;
+      margin-bottom: 6px;
       font-size: 14px;
       font-weight: 600;
     }
 
-    levelbar {
-      trough block {
-        border-radius: 3px;
-        background: colors.$bg-primary;
+    levelbar trough block {
+      border-radius: 3px;
+      background: colors.$bg-primary;
 
-        &.empty {
-          border-radius: 3px;
-        }
-
-        &.filled {
-          min-height: 8px;
-          background: colors.$bg-secondary;
-        }
+      &.filled {
+        min-height: 8px;
+        background: colors.$bg-secondary;
       }
     }
 

ags/style/_runner.scss

@@ -28,11 +28,32 @@
 
   & list {
     padding: 6px;
-    padding-top: 0;
 
-    & > *:selected > .result,
-    & > *:active > .result,
-    & > *:hover > .result {
+    & .result {
+      padding: 10px;
+      background: colors.$bg-primary;
+      margin: 2px 0;
+      border-radius: 14px;
+
+      & image {
+        -gtk-icon-size: 28px;
+        margin-right: 6px;
+      }
+
+      & .title {
+        font-weight: 500;
+        font-size: 16px;
+      }
+
+      & .description {
+        font-size: 12px;
+        color: colors.$fg-disabled;
+      }
+    }
+
+    & > *:selected .result,
+    & > *:active .result,
+    & > *:hover .result {
       background: colors.$bg-secondary;
     }
 
@@ -44,43 +65,4 @@
       margin-bottom: 0;
     }
   }
-
-  & trough {
-    margin-bottom: 10px;
-  }
-
-  & list .result {
-    padding: 10px;
-    background: colors.$bg-primary;
-    margin: 2px 0;
-    border-radius: 14px;
-
-    & icon {
-      font-size: 28px;
-      margin-right: 6px;
-    }
-
-    & .title {
-      font-weight: 500;
-      font-size: 16px;
-    }
-
-    & .description {
-      font-size: 12px;
-      color: colors.$fg-disabled;
-    }
-  }
-
-  & .not-found {
-    padding-top: 24px;
-
-    & icon {
-      font-size: 64px;
-      margin-bottom: .4em;
-    }
-
-    & label {
-      font-size: 16px;
-    }
-  }
 }