Add notes to Shortcuts UI

src/assets/css/root.styl

@@ -87,6 +87,10 @@ div[class^=HUDButton-module__hiddenContainer] ~ div:not([class^=HUDButton-module
     padding: 0 !important;
 }
 
+.bx-prompt {
+    font-family: var(--bx-promptfont-font);
+}
+
 /* Hide UI elements */
 #headerArea, #uhfSkipToMain, .uhf-footer {
     display: none;

src/assets/css/stream-settings.styl

@@ -127,6 +127,28 @@
 
 .bx-quick-settings-tab-contents {
     div[data-group="shortcuts"] {
+        > div {
+            &[data-has-gamepad=true] {
+                > div:first-of-type {
+                    display: none;
+                }
+
+                > div:last-of-type {
+                    display: block;
+                }
+            }
+
+            &[data-has-gamepad=false] {
+                > div:first-of-type {
+                    display: block;
+                }
+
+                > div:last-of-type {
+                    display: none;
+                }
+            }
+        }
+
         .bx-shortcut-profile {
             width: 100%;
             height: 36px;
@@ -134,13 +156,16 @@
             margin-bottom: 10px;
         }
 
+        .bx-shortcut-note {
+            font-size: 14px;
+        }
+
         .bx-shortcut-row {
             display: flex;
             margin-bottom: 10px;
 
             label.bx-prompt {
                 flex: 1;
-                font-family: var(--bx-promptfont-font);
                 font-size: 26px;
                 margin-bottom: 0;
             }