change playlist layout

templates/playlists.html

@@ -376,7 +376,7 @@ html:not(.dark) #availablePatternsGrid .text-xs {
     </div>
     
     <div class="flex-1 overflow-y-auto">
-      <div id="availablePatternsGrid" class="grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] gap-4 p-2">
+      <div id="availablePatternsGrid" class="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3 sm:gap-4 p-2">
         <!-- Available patterns will be populated here -->
       </div>