[frontend/pages] Add labels to top bar actions

Iceshrimp.Frontend/Layout/MainLayout.razor.css

@@ -68,10 +68,17 @@
     }
 }
 
+.top-bar {
+    .btn span {
+        font-size: 0.9em;
+    }
+}
+
 .top-bar {
     .action {
         margin-left: auto;
         color: var(--notice-color);
+        text-decoration: none;
     }
 }
 
@@ -86,3 +93,11 @@
         margin-right: 0;
     }
 }
+
+@media (max-width: 1000px) {
+    .top-bar {
+        .btn span {
+            display: none;
+        }
+    }
+}

Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor

@@ -22,17 +22,20 @@
     @Loc["Custom Emojis"]
     @if (State is State.Empty or State.Loaded)
     {
-        <span class="action btn" @onclick="OpenUpload" title="@Loc["Upload emoji"]">
+        <span class="action btn" @onclick="OpenUpload">
             <Icon Name="Icons.Upload"/>
+            <span>@Loc["Upload"]</span>
         </span>
-        <span class="action btn" @onclick="OpenImport" title="@Loc["Import emoji pack"]">
+        <span class="action btn" @onclick="OpenImport">
             <Icon Name="Icons.FileArrowUp"/>
+            <span>@Loc["Import pack"]</span>
         </span>
     }
     @if (State is not State.Loading)
     {
-        <a class="action btn" href="/mod/emojis/remote" title="@Loc["Remote emojis"]">
+        <a class="action btn" href="/mod/emojis/remote">
             <Icon Name="Icons.ArrowSquareOut"/>
+            <span>@Loc["Remote"]</span>
         </a>
     }
 </SectionContent>

Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor

@@ -20,8 +20,9 @@
     @Loc["Remote Emojis"]
     @if (State is not State.Loading)
     {
-        <a class="action btn" href="/mod/emojis" title="@Loc["Local emojis"]">
+        <a class="action btn" href="/mod/emojis">
             <Icon Name="Icons.ArrowSquareIn"/>
+            <span>@Loc["Local"]</span>
         </a>
     }
 </SectionContent>