options styling

1 files changed, 8 insertions, 6 deletions

diff --git a/app/app.js b/app/app.js
index 5b3c6ca..4a00707 100644
--- a/app/app.js
+++ b/app/app.js
@@ -266,15 +266,17 @@ export default class App extends React.Component {
 
     return (
       <div className="app">
-        <button onClick={configure}>settings</button>
-        <label>layout:{' '}
+        <button onClick={configure}>midi settings</button>
+        <div className="option">
+          <label>layout:</label>
           <select name="layout" onChange={this.onlayout} value={layout}>
             <option value="wicki_hayden">Wicki-Hayden</option>
             <option value="harmonic">Harmonic Table</option>
             <option value="gerhard">Gerhard</option>
           </select>
-        </label>
-        <label>scale:{' '}
+        </div>
+        <div className="option">
+          <label>scale:</label>
           <select name="layout" onChange={this.onscale} value={scale}>
             <option value="none">None</option>
             <option value="major">Major</option>
@@ -285,8 +287,8 @@ export default class App extends React.Component {
             <option value="whole">Whole-Tone</option>
             <option value="penta">Pentatonic</option>
           </select>
-        </label>
-        <button onClick={this.onoffset}>set offset</button>
+          <button onClick={this.onoffset}>set offset</button>
+        </div>
 
         <div className="main">
           <Keyboard