From 17514a5305a1fdf6cc85b6d1456bc12da740b7cb Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 31 Oct 2025 19:31:44 +0000
Subject: [PATCH] Hide grid/list button labels on mobile

---
 .../live/collection_live/index.html.heex                  | 8 ++++++--
 lib/music_library_web/live/wishlist_live/index.html.heex  | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/lib/music_library_web/live/collection_live/index.html.heex b/lib/music_library_web/live/collection_live/index.html.heex
index 937b2fbc..55681ad3 100644
--- a/lib/music_library_web/live/collection_live/index.html.heex
+++ b/lib/music_library_web/live/collection_live/index.html.heex
@@ -68,7 +68,9 @@
             aria-hidden="true"
             data-slot="icon"
           />
-          {gettext("Grid")}
+          <span class="hidden sm:inline">
+            {gettext("Grid")}
+          </span>
         </.button>
         <.button
           phx-click="set_display"
@@ -79,7 +81,9 @@
           ]}
         >
           <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
-          {gettext("List")}
+          <span class="hidden sm:inline">
+            {gettext("List")}
+          </span>
         </.button>
       </.button_group>
     </div>
diff --git a/lib/music_library_web/live/wishlist_live/index.html.heex b/lib/music_library_web/live/wishlist_live/index.html.heex
index d30cd133..8890eff7 100644
--- a/lib/music_library_web/live/wishlist_live/index.html.heex
+++ b/lib/music_library_web/live/wishlist_live/index.html.heex
@@ -55,7 +55,9 @@
             aria-hidden="true"
             data-slot="icon"
           />
-          {gettext("Grid")}
+          <span class="hidden sm:inline">
+            {gettext("Grid")}
+          </span>
         </.button>
         <.button
           phx-click="set_display"
@@ -66,7 +68,9 @@
           ]}
         >
           <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
-          {gettext("List")}
+          <span class="hidden sm:inline">
+            {gettext("List")}
+          </span>
         </.button>
       </.button_group>
     </div>