[frontend] Various CSS fixes

Iceshrimp.Frontend/Components/AttachmentComponent.razor.css

@@ -4,7 +4,7 @@
     max-height: 25rem;
     border-radius: 0.5rem;
 }
-    
+
 audio.attachment {
     width: 100%;
 }
@@ -12,6 +12,11 @@ audio.attachment {
 .file {
     display: inline-block;
     white-space: normal;
+
+    > a {
+        text-decoration: none;
+        color: var(--notice-color)
+    }
 }
 
 ::deep {

Iceshrimp.Frontend/Components/MfmText.razor.css

@@ -16,6 +16,13 @@
     }
 }
 
+::deep {
+    .mention {
+        text-decoration: none;
+        color: var(--notice-color);
+    }
+}
+
 ::deep {
     .emoji {
         display: inline;

Iceshrimp.Frontend/Components/NotificationList.razor

@@ -3,7 +3,9 @@
     <div class="scroller">
         @foreach (var el in Notifications)
         {
-            <NotificationComponent NotificationResponse="el" @key="el.Id"/>
+            <div class="wrapper">
+                <NotificationComponent NotificationResponse="el" @key="el.Id"/>
+            </div>
         }
         <ScrollEnd ManualLoad="LoadMore" IntersectionChange="LoadMore"></ScrollEnd>
     </div>

Iceshrimp.Frontend/Components/NotificationList.razor.css

@@ -4,4 +4,10 @@
     flex-direction: column;
     width: 100%;
     overflow-x: scroll;;
+}
+
+.wrapper {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    width: 100%;
 }

Iceshrimp.Frontend/Components/VirtualScroller.razor.css

@@ -25,4 +25,6 @@
     flex-direction: column;
     width: 100%;
     align-items: center;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
 }

Iceshrimp.Frontend/Layout/WidgetPanel.razor.css

@@ -5,5 +5,5 @@
     position: sticky;
     top: 0;
     max-height: 100vh;
-    padding-left: 1rem;
+    border-left: 0.1rem var(--highlight-color) solid;
 }