✨ ags: better separator properties, add more separators on widgets

ags/style/_bar.scss

@@ -58,7 +58,7 @@
     & button {
       border-radius: 16px;
       transition: 80ms linear;
-      min-width: 12px;
+      min-width: 15px;
       padding: 0 6px;
       background: colors.$bg-tertiary;
       margin: 3px 0;
@@ -144,14 +144,13 @@
       box-shadow: inset 0 0 0 300px rgba(colors.$fg-primary, .2);
     }
 
-    & .nf {
-      margin-right: 4px;
+    & .icon {
       font-size: 14px;
     }
 
     & .media-controls {
         transition: none;
-        padding: 0 6px;
+        margin-left: 6px;
         border-top-right-radius: 12px;
         border-bottom-right-radius: 12px;
 
@@ -169,13 +168,8 @@
       & .media > box {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        padding: 0 6px;
       }
 
-      & .media {
-        padding-left: 0;
-        padding-right: 0;
-      }
     }
   }