PancakesWeb/Components/Pages/Home.razor

@@ -108,19 +108,23 @@
             manually.</p>
     </details>
 
-    <div class="buttons card">
+    <ul class="buttons card">
         @foreach (var button in Buttons.Entities.OrderBy(p => p.Title))
         {
-            <ImageButton Data="button"/>
+            <li class="button">
+                <ImageButton Data="button"/>
+            </li>
         }
-    </div>
+    </ul>
 
-    <div class="buttons card">
+    <ul class="buttons card">
         @foreach (var button in Buttons.Things.OrderBy(p => p.Title))
         {
-            <ImageButton Data="button"/>
+            <li class="button">
+                <ImageButton Data="button"/>
+            </li>
         }
-    </div>
+    </ul>
 
     <h2 id="webrings">Webrings</h2>
     <p>Adjacent websites</p>

PancakesWeb/Components/Pages/Home.razor.css

@@ -58,6 +58,10 @@
     list-style: none;
 }
 
+.button {
+    display: inline-flex;
+}
+
 @media screen and (max-width: 768px) {
     .accounts {
         flex-direction: column;

PancakesWeb/Components/UI/ImageButton.razor.css

@@ -1,10 +1,5 @@
 .button-link {
-    display: inline-block;
-    height: 31px;
-
     text-decoration: none;
-    line-height: 1;
-    text-align: center;
 }
 
 .button-link::after {

PancakesWeb/Data/Button.cs

@@ -193,33 +193,6 @@ public static class Buttons
             Image = "valid_atom.webp",
             Title = "Valid Atom 1.0",
             Href = "/feed.atom"
-        },
-        new Button
-        {
-            Image = "siivagunner.png",
-            Title = "High Quality Now!",
-            Href = "https://www.youtube.com/@SiIvaGunner"
-        },
-        new Button
-        {
-            Image = "play_with_steam.gif",
-            Title = "Play with Steam"
-        },
-        new Button
-        {
-            Image = "oneshot.gif",
-            Title = "OneShot",
-            Href = "https://store.steampowered.com/app/420530/OneShot/"
-        },
-        new Button
-        {
-            Image = "vulkan_now.png",
-            Title = "Vulkan Now!"
-        },
-        new Button
-        {
-            Image = "homebrew_now.png",
-            Title = "Homebrew Now!"
         }
     ];
 }