style: file pills

src/css/injected.scss

@@ -1997,9 +1997,42 @@ div.liveEntry {
   margin-top: 4px !important;
 }
 
-.uiFile {
-  border-radius: 8px !important;
-  transition: all 0.2s ease-in-out;
+a.uiFile {
+  display: flex !important;
+  height: auto !important;
+  width: 200px !important;
+  border-radius: 80px !important;
+  place-items: center !important;
+  padding: 0px 9px !important;
+  gap: 6px;
+  transition: opacity 0.2s;
+  box-shadow: inset 0 0 0px 2px rgba(255, 255, 255, 0.2) !important;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+  }
+
+  svg {
+    color: white;
+    position: unset !important;
+    width: auto !important;
+    height: 42px !important;
+    z-index: 1 !important;
+    flex: 0.199;
+  }
+
+  .name {
+    position: unset !important;
+    background: transparent !important;
+    font-size: 12px !important;
+    flex: 1;
+  }
 }
 
 .dark .title a.uiFile {