Add notice if there's only 1 shortcut

src/app.css

@@ -1059,6 +1059,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 .ui-state {
   padding: 16px;
   text-align: center;
+
+  .icon {
+    vertical-align: middle;
+  }
 }
 
 .status-carousel-link {

src/components/shortcuts-settings.jsx

@@ -279,6 +279,7 @@ function ShortcutsSettings({ onClose }) {
           })}
         </div>
         {shortcuts.length > 0 ? (
+          <>
             <ol class="shortcuts-list" ref={shortcutsListParent}>
               {shortcuts.filter(Boolean).map((shortcut, i) => {
                 // const key = i + Object.values(shortcut);
@@ -378,6 +379,16 @@ function ShortcutsSettings({ onClose }) {
                 );
               })}
             </ol>
+            {shortcuts.length === 1 &&
+              snapStates.settings.shortcutsViewMode !== 'float-button' && (
+                <div class="ui-state insignificant">
+                  <Icon icon="info" />{' '}
+                  <small>
+                    Add more than one shortcut/column to make this work.
+                  </small>
+                </div>
+              )}
+          </>
         ) : (
           <div class="ui-state insignificant">
             <p>No shortcuts yet. Tap on the Add shortcut button.</p>