feat: node store interface

app/src/lib/settings/Keymap.svelte

@@ -14,15 +14,15 @@
         <div class="command-wrapper">
           <div class="command">
             {#if key.ctrl}
-              <b>Ctrl</b>
+              <span>Ctrl + </span>
             {/if}
             {#if key.shift}
-              <b>Shift</b>
+              <span>Shift</span>
             {/if}
             {#if key.alt}
-              <b>Alt</b>
+              <span>Alt</span>
             {/if}
-            <b>{key.key}</b>
+            <span>{key.key}</span>
           </div>
         </div>
         <p>{key.description}</p>
@@ -51,21 +51,18 @@
 
   .command-wrapper {
     display: flex;
-    justify-content: left;
+    justify-content: right;
     align-items: center;
   }
 
   .command {
-    background: var(--layer-3);
+    background: var(--outline);
     padding: 0.4em;
+    font-size: 0.8em;
     border-radius: 0.3em;
     white-space: nowrap;
   }
 
-  .command > * {
-    color: var(--layer-0);
-  }
-
   p {
     font-size: 0.9em;
     margin: 0;

app/src/lib/settings/Settings.svelte

@@ -113,7 +113,7 @@
       transform 0.2s,
       background 0.2s ease;
     width: 30%;
-    min-width: 300px;
+    min-width: 350px;
   }
 
   h1 {