fix linebreaks

src/features/timbre/Timbre.js

@@ -116,9 +116,9 @@ export default function Timbre(props) {
             <Pitch name="Pitch" id={ids.pitch} />
             <Filter name="Filter" id={ids.filter} />
             <Amp name="Amp" id={ids.amp} />
-      <div className={styles.lineBreak} />
             <EG name="EG 1" id={ids.eg1} />
             <EG name="EG 2" id={ids.eg2} />
+            <div className={styles.lineBreak} />
             <LFO
                 name="LFO 1"
                 id={ids.lfo1}

src/features/timbre/Timbre.module.css

@@ -5,7 +5,29 @@
     justify-content: center;
 }
 
-@media screen and (min-width: 1824) {
+.lineBreak {
+    width: 0%;
+}
+
+@media only screen and (max-width: 1920px) {
+    .lineBreak {
+        width: 100%;
+    }
+}
+
+@media only screen and (max-width: 1440px) {
+    .lineBreak {
+        width: 0%;
+    }
+}
+
+@media only screen and (max-width: 990px) {
+    .lineBreak {
+        width: 0%;
+    }
+}
+
+@media only screen and (max-width: 920px) {
     .lineBreak {
         width: 100%;
     }

src/features/timbre/Vocoder.js

@@ -8,8 +8,8 @@ import EG from './parameters/EG';
 import LFO from './parameters/LFO';
 import { VocoderFilter, FCMod } from './parameters/Filter';
 import { VocoderAmp } from './parameters/Amp';
-import Levels from './parameters/Levels'
+import Levels from './parameters/Levels';
-import Pans from './parameters/Pans'
+import Pans from './parameters/Pans';
 import styles from './Timbre.module.css';
 
 export default function Vocoder(props) {
@@ -102,9 +102,9 @@ export default function Vocoder(props) {
             <Pitch name="Pitch" id={ids.pitch} />
             <VocoderFilter name="Filter" id={ids.filter} />
             <FCMod name="FC Mod" id={ids.fcMod} />
-            <div className={styles.lineBreak} />
             <VocoderAmp name="Amp" id={ids.amp} />
             <EG name="EG" id={ids.eg} />
+            <div className={styles.lineBreak} />
             <LFO name="LFO 1" id={ids.lfo1} />
             <LFO name="LFO 2" id={ids.lfo2} />
             <Levels name="Levels" id={ids.levels} />