From 11bba18e3bda6eefdd1e0a0c8cc127ccd569cfb6 Mon Sep 17 00:00:00 2001
From: Rihards Gravis <rihards@gravis.lv>
Date: Thu, 21 Jan 2021 23:59:23 +0200
Subject: [PATCH] Interface UX updates (#6)

- Increase interface font size to 13px
- Update Help line readability
- Change menu item order
---
 core/public/index.html    |  2 +-
 core/src/rack/Bar.svelte  |  4 ++--
 core/src/rack/Help.svelte | 14 ++++++++++++--
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/core/public/index.html b/core/public/index.html
index e795833..4ac069e 100644
--- a/core/public/index.html
+++ b/core/public/index.html
@@ -87,7 +87,7 @@
       button {
         background: none;
         border: none;
-        font-size: 12px;
+        font-size: 13px;
       }
 
       button {
diff --git a/core/src/rack/Bar.svelte b/core/src/rack/Bar.svelte
index c0fd997..ea5e28b 100644
--- a/core/src/rack/Bar.svelte
+++ b/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 />
diff --git a/core/src/rack/Help.svelte b/core/src/rack/Help.svelte
index 6347a2f..60700d9 100644
--- a/core/src/rack/Help.svelte
+++ b/core/src/rack/Help.svelte
@@ -56,9 +56,10 @@
     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 {
@@ -66,6 +67,10 @@
     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 />