diff --git a/src/app.css b/src/app.css
index a6c7f4e3..9af5af0b 100644
--- a/src/app.css
+++ b/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 {
diff --git a/src/components/shortcuts-settings.jsx b/src/components/shortcuts-settings.jsx
index deb64c9a..a2f1bdd2 100644
--- a/src/components/shortcuts-settings.jsx
+++ b/src/components/shortcuts-settings.jsx
@@ -279,92 +279,93 @@ function ShortcutsSettings({ onClose }) {
})}
{shortcuts.length > 0 ? (
-
- {shortcuts.filter(Boolean).map((shortcut, i) => {
- // const key = i + Object.values(shortcut);
- const key = Object.values(shortcut).join('-');
- const { type } = shortcut;
- if (!SHORTCUTS_META[type]) return null;
- let { icon, title, subtitle, excludeViewMode } =
- SHORTCUTS_META[type];
- if (typeof title === 'function') {
- title = title(shortcut, i);
- }
- if (typeof subtitle === 'function') {
- subtitle = subtitle(shortcut, i);
- }
- if (typeof icon === 'function') {
- icon = icon(shortcut, i);
- }
- if (typeof excludeViewMode === 'function') {
- excludeViewMode = excludeViewMode(shortcut, i);
- }
- const excludedViewMode = excludeViewMode?.includes(
- snapStates.settings.shortcutsViewMode,
- );
- return (
- -
-
-
- {title}
- {subtitle && (
- <>
- {' '}
- {subtitle}
- >
- )}
- {excludedViewMode && (
-
- Not available in current view mode
-
- )}
-
-
-
-
-
- {/*
+
+ );
+ })}
+
+ {shortcuts.length === 1 &&
+ snapStates.settings.shortcutsViewMode !== 'float-button' && (
+
+ {' '}
+
+ Add more than one shortcut/column to make this work.
+
+
+ )}
+ >
) : (
No shortcuts yet. Tap on the Add shortcut button.