style: adjust scss for consistent styling

style/_bar.scss

@@ -15,7 +15,7 @@ window.Bar {
     padding: 8px;
 
     image {
-      -gtk-icon-size: 1.5rem;
+      -gtk-icon-size: 1.2rem;
     }
 
     &:hover {
@@ -73,13 +73,13 @@ window.Bar {
     padding: 8px;
 
     image {
-      -gtk-icon-size: 1.5rem;
+      -gtk-icon-size: 1.2rem;
     }
   }
 
   .tray {
     image {
-      -gtk-icon-size: 1.3rem;
+      -gtk-icon-size: 1rem;
     }
 
     menubutton {

style/_control-center.scss

@@ -15,7 +15,7 @@ window.control-center {
     color: $fg-color;
     background-color: $inactive-color;
     border-radius: calc($rounded / 1.5);
-    padding: 20px;
+    padding: 15px;
 
     image {
       -gtk-icon-size: 2rem;
@@ -32,19 +32,19 @@ window.control-center {
   .header {
     .name {
       color: rgba($fg-color, 0.8);
-      font-size: 1.8rem;
+      font-size: 1.5rem;
     }
 
     .username {
       color: rgba($fg-color, 0.5);
-      font-size: 1.2rem;
+      font-size: 1rem;
     }
 
     .controls {
       button {
         background-color: $inactive-color;
         border-radius: calc($rounded / 1.5);
-        padding: 10px;
+        padding: 6px;
         transition: color 100ms;
 
         &:hover {
@@ -56,7 +56,7 @@ window.control-center {
       }
 
       image {
-        -gtk-icon-size: 2rem;
+        -gtk-icon-size: 1.5rem;
       }
     }
   }

style/_launcher.scss

@@ -4,7 +4,7 @@ window.launcher {
   background: $bg-color;
   border-radius: $rounded;
   padding: 10px;
-  font-size: 1.2rem;
+  font-size: $font-size;
 
   .search {
     min-width: 300px;
@@ -30,7 +30,7 @@ window.launcher {
     }
 
     image {
-      -gtk-icon-size: 2rem;
+      -gtk-icon-size: 1.5rem;
     }
   }
 

style/_variable.scss

@@ -3,4 +3,4 @@ $fg-color: #fff;
 $bg-color: #101213;
 $inactive-color: #1b1d1e;
 $rounded: 14px;
-$font-size: 1rem;
+$font-size: 0.8rem;