From 0110a9760bd0dcbc5e0ca442b118e909682fb12f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Forment?= <raphael.forment@gmail.com>
Date: Mon, 6 Oct 2025 11:27:24 +0200
Subject: [PATCH] Issue with the effect section on mobile devices

---
 src/App.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 745fea67..1231c614 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -180,11 +180,6 @@ function App() {
     }
     setFocusedTile({ row, col })
 
-    if (playing === id) {
-      handleStop()
-      return
-    }
-
     if (isDoubleClick || playing === null) {
       clearSwitchTimer()
       playFormula(tile.formula, id)
@@ -735,12 +730,14 @@ function App() {
         </div>
       </div>
 
-      <EffectsBar
-        values={effectValues}
-        onChange={handleEffectChange}
-        onMapClick={handleParameterMapClick}
-        getMappedLFOs={getMappedLFOs}
-      />
+      <div className="flex-shrink-0">
+        <EffectsBar
+          values={effectValues}
+          onChange={handleEffectChange}
+          onMapClick={handleParameterMapClick}
+          getMappedLFOs={getMappedLFOs}
+        />
+      </div>
     </div>
   )
 }