From cd8ec5e8649f8808d0a89a74c1426b92628efbc7 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Tue, 10 Oct 2023 21:16:37 +0330
Subject: [PATCH] style: increase sounds per row

---
 src/components/container/container.module.css | 2 +-
 src/components/sounds/sounds.module.css       | 2 +-
 src/components/sounds/sounds.tsx              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/container/container.module.css b/src/components/container/container.module.css
index 2e7732b..52ee1fc 100644
--- a/src/components/container/container.module.css
+++ b/src/components/container/container.module.css
@@ -1,5 +1,5 @@
 .container {
   width: 85%;
-  max-width: 550px;
+  max-width: 600px;
   margin: 0 auto;
 }
diff --git a/src/components/sounds/sounds.module.css b/src/components/sounds/sounds.module.css
index f204944..fcf8774 100644
--- a/src/components/sounds/sounds.module.css
+++ b/src/components/sounds/sounds.module.css
@@ -2,7 +2,7 @@
   display: grid;
   margin-top: 20px;
   gap: 20px;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 }
 
 .button {
diff --git a/src/components/sounds/sounds.tsx b/src/components/sounds/sounds.tsx
index ee5f126..26cae23 100644
--- a/src/components/sounds/sounds.tsx
+++ b/src/components/sounds/sounds.tsx
@@ -50,7 +50,7 @@ export function Sounds({ id, sounds }: SoundsProps) {
           <Sound
             key={sound.label}
             {...sound}
-            hidden={!showAll && index > 3}
+            hidden={!showAll && index > 5}
             selectHidden={selectHidden}
             unselectHidden={unselectHidden}
           />