From 74245888857b88c4c3bd16585ca364b2be4e05f9 Mon Sep 17 00:00:00 2001
From: Aoife <aoife@spinlock.icu>
Date: Sun, 4 Apr 2021 02:37:05 -0400
Subject: [PATCH] small adjustments

---
 src/App.js                    | 2 +-
 src/features/editor/Timbre.js | 2 +-
 src/features/editor/card.js   | 2 +-
 src/features/editor/index.js  | 2 +-
 src/features/menu/index.js    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index b9c70d1..5abc415 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ function App() {
     return false;
   };
   return (
-    <div className='bg-gray-100 grid grid-cols-6 grid-rows-1 gap-4 h-screen'>
+    <div className='bg-gray-200 grid grid-cols-6 grid-rows-1 gap-4 h-screen'>
       <Menu />
       <Editor />
     </div>
diff --git a/src/features/editor/Timbre.js b/src/features/editor/Timbre.js
index 40ba78c..f33829e 100644
--- a/src/features/editor/Timbre.js
+++ b/src/features/editor/Timbre.js
@@ -13,7 +13,7 @@ import { selectById } from './timbreSlice.js';
 export default function Timbre(props) {
   const ids = useSelector((state) => selectById(state, props.id));
   return (
-    <div className='h-screen grid grid-cols-8 grid-rows-3 gap-4 p-6'>
+    <div className='h-screen grid grid-cols-8 grid-rows-3 gap-4 p-6 pr-10'>
       <VCO
         className='col-span-2'
         name='VCO 1'
diff --git a/src/features/editor/card.js b/src/features/editor/card.js
index e5d9f1a..feac6de 100644
--- a/src/features/editor/card.js
+++ b/src/features/editor/card.js
@@ -3,7 +3,7 @@ export default function Card(props = { className: 'col-span-2' }) {
     <div
       className={
         props.className +
-        ' flex flex-col justify-start border border-gray-200 rounded-md shadow-md bg-white'
+        ' flex flex-col justify-start border border-gray-300 rounded-md shadow-md bg-white'
       }>
       <header className='flex items-start justify-between py-2 px-4 border-b border-solid border-gray-200'>
         <h3 className='pointer-events-none text-xl font-semibold text-gray-900'>
diff --git a/src/features/editor/index.js b/src/features/editor/index.js
index 759c92b..9f4a376 100644
--- a/src/features/editor/index.js
+++ b/src/features/editor/index.js
@@ -7,7 +7,7 @@ import { useSelector } from 'react-redux';
 export default function Editor() {
   const activeTab = useSelector((state) => state.parameters.activeTab);
   return (
-    <div className='col-span-5 overflow-y-scroll overscroll-contain'>
+    <div className='col-span-5 overflow-y-auto overscroll-contain'>
       {activeTab === 'Timbre1' ? <Timbre id='timbre1' /> : null}
       {activeTab === 'Timbre2' ? <Timbre id='timbre2' /> : null}
       {activeTab === 'Vocoder' ? <Vocoder id='vocoder' /> : null}
diff --git a/src/features/menu/index.js b/src/features/menu/index.js
index 2ac4eff..ccf84c6 100644
--- a/src/features/menu/index.js
+++ b/src/features/menu/index.js
@@ -30,7 +30,7 @@ export default function Menu() {
   }, [file, dispatch]);
 
   return (
-    <div className='col-span-1 flex flex-col justify-around border-solid border-r border-black bg-white px-4'>
+    <div className='col-span-1 flex flex-col justify-around border-solid border-r border-gray-300 bg-white px-4'>
       <div className='menu-patch-container'>
         <div className='patch-name'>
           <input