fix(game-compare): remediate link button size issue on LG and lower (#…

…2360)
RetroAchievements · Apr 18, 2024 · 04c0ef6 · 04c0ef6
1 parent 4d479ec
commit 04c0ef6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/resources/views/components/game/link-buttons/game-link-button.blade.php b/resources/views/components/game/link-buttons/game-link-button.blade.php
@@ -4,8 +4,8 @@
 ])
 
 <li>
-    <a class="btn py-2 pr-3 block transition-transform lg:active:scale-[97%]" href="{{ $href }}">
-        <span class="icon icon-md mx-1">{{ $icon }}</span>
-        {{ $slot }}
+    <a class="btn py-2 w-full px-3 inline-flex gap-x-2 transition-transform lg:active:scale-[97%]" href="{{ $href }}">
+        <span>{{ $icon }}</span>
+        <span>{{ $slot }}</span>
     </a>
 </li>
diff --git a/resources/views/pages/user/[user]/game/[game]/compare.blade.php b/resources/views/pages/user/[user]/game/[game]/compare.blade.php
@@ -74,7 +74,7 @@
 
 @if ($canModerate)
     <x-hidden-controls>
-        <div style="width:20%">
+        <div class="grid md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
             <ul class="flex flex-col gap-2">
                 <x-game.link-buttons.game-link-button
                     icon="🔬"