💄 ags(style): use pagebutton styles everywhere, instead of only in tile-pages

ags/style/_control-center.scss

@@ -80,9 +80,18 @@
         font-size: 14px;
         font-weight: 500;
       }
+
       & trough {
         margin-right: 10px;
       }
+
+      & label.sub-header {
+        margin-top: 6px;
+      }
+      
+      & button.default {
+        background: colors.$bg-tertiary;
+      }
     }
   }
 
@@ -105,10 +114,6 @@
         font-weight: 500;
         color: colors.$fg-disabled;
       }
-
-      & button label {
-        font-size: 14px;
-      }
     }
 
     & .sub-header {
@@ -116,6 +121,24 @@
       font-weight: 500;
       margin-bottom: 6px;
     }
+
+    & button {
+      @include mixins.hover-shadow;
+
+      padding: 6px;
+      border-radius: 12px;
+
+      & label {
+        font-size: 14px;
+      }
+    }
+
+    & .extra-buttons {
+      margin-left: 2px;
+      & > button {
+        border-radius: 12px;
+      }
+    }
   }
 }
 
@@ -222,20 +245,6 @@ box.history {
   & > .page {
     margin-top: 10px;
 
-    & button {
-      @include mixins.hover-shadow;
-
-      padding: 6px;
-      border-radius: 12px;
-    }
-
-    & .extra-buttons {
-      margin-left: 2px;
-      & > button {
-        border-radius: 12px;
-      }
-    }
-
     &.bluetooth {
       button.connected {
         background: colors.$bg-tertiary;