added media widget

style.scss

@@ -12,7 +12,7 @@ window.Bar {
     color: $fg-color;
     font-weight: bold;
 
-    >centerbox {
+    > centerbox {
         background: transparent;
         border-radius: 20px;
         margin: 2px 5px 0 5px;
@@ -83,7 +83,7 @@ window.Bar {
         transition: 300ms;
     }
 
-    .Workspaces  {
+    .Workspaces {
         button {
             all: unset;
             background-color: black;
@@ -115,13 +115,46 @@ window.Bar {
         }
     }
 
-    
     // button {
     //     border-radius: 8px;
     //     padding: 0 8px;
     // }
 }
 
+window.Media {
+    margin: 5px;
+    padding: 5px;
+    background-color: transparent;
+    box {
+        margin: 5px;
+        background-color: black;
+        border-radius: 25px;
+        padding: 2px;
+    }
+
+    box.title {
+        padding: 5px;
+        margin: 0;
+        label {
+            font-weight: bold;
+            font-size: 1.1em;
+        }
+    }
+
+    .Cover {
+        min-width: 120px;
+        min-height: 120px;
+        border-radius: 9px;
+        margin-right: 0.6rem;
+        background-size: contain;
+        background-position: center;
+    }
+
+    label.artist {
+        padding: 5px;
+    }
+}
+
 window.Powermenu {
     margin: 5px;
     background-color: transparent;
@@ -137,7 +170,7 @@ window.Powermenu {
             background-color: black;
             border-radius: 25px;
             transition: 300ms;
-            
+
             &:hover {
                 background-color: gray;
             }