Interface UX updates (#6)

- Increase interface font size to 13px
- Update Help line readability
- Change menu item order

core/public/index.html

@@ -87,7 +87,7 @@
       button {
         background: none;
         border: none;
-        font-size: 12px;
+        font-size: 13px;
       }
 
       button {

core/src/rack/Bar.svelte

@@ -124,10 +124,10 @@
       </svg>
     </button>
     <Menu bind:toggle={menuMainToggle}>
-      <button on:click={onAddModule}>Add module <strong>SPACE</strong></button>
-      <hr />
       <button on:click={onReset}>New <strong>CTRL+N</strong></button>
       <hr />
+      <button on:click={onAddModule}>Add module <strong>SPACE</strong></button>
+      <hr />
       <button on:click={onExport}>Save to file <strong>CTRL+S</strong></button>
       <button on:click={onImport}>Load from file <strong>CTRL+O</strong></button>
       <hr />

core/src/rack/Help.svelte

@@ -56,16 +56,21 @@
     display: flex;
     justify-content: space-between;
     list-style: none;
-    font-size: 12px;
+    font-size: 13px;
     font-weight: 300;
-    margin: 12px;
+    margin: 0 12px;
+    padding: 12px;
   }
 
   hr {
     border-bottom: dashed 1px var(--color-dark-highlight);
     margin: 0 6px;
     flex: 1;
   }
+
+  li:hover hr {
+    border-color: var(--color-light-shadow);
+  }
 </style>
 
 <svelte:body on:keydown={onKey} />
@@ -96,6 +101,11 @@
         <hr />
         <strong>SHIFT+CLICK</strong>
       </li>
+      <li>
+        Duplicate a module
+        <hr />
+        <strong>RIGHT CLICK</strong>
+      </li>
       <li>
         Mute/Unmute all outputs
         <hr />