Make timbre layout responsive

src/features/editor/parameters/VCO.js

@@ -9,8 +9,8 @@ export default function VCO(props) {
   const dispatch = useDispatch();
 
   return (
-    <Card className="col-span-2" header={props.name}>
-      <div className="-mt-2 flex items-center justify-between">
+    <Card className={props.className} header={props.name}>
+      <div className="flex items-center justify-between">
         <h3 className="text-lg font-semibold text-gray-900">Waveform</h3>
         <Select
           className="select w-4/6"
@@ -26,7 +26,7 @@ export default function VCO(props) {
           }
         />
       </div>
-      <div className="-mt-4 flex items-center justify-between">
+      <div className="flex items-center justify-between">
         <h3 className="text-lg font-semibold text-gray-900">{`${props.dwgsOrModTypeName}`}</h3>
         <Select
           className="select w-4/6"
@@ -42,9 +42,11 @@ export default function VCO(props) {
           }
         />
       </div>
-      <div className="mb-2 flex flex-row">
+      <div className="my-2 flex flex-row">
         <div className="flex flex-col items-center w-1/2">
-          <h3 className="text-lg font-semibold text-gray-900">Waveform Mod</h3>
+          <h3 className="ml-1 text-lg font-semibold text-gray-900">
+            Waveform Mod
+          </h3>
           <Knob
             maxValue={127}
             value={parameters.waveMod}