diff --git a/frontend/src/app/main/ui/settings/shortcuts.cljs b/frontend/src/app/main/ui/settings/shortcuts.cljs index 9e57c2da91..0f434b5d26 100644 --- a/frontend/src/app/main/ui/settings/shortcuts.cljs +++ b/frontend/src/app/main/ui/settings/shortcuts.cljs @@ -137,12 +137,12 @@ tabs (mf/with-memo [] - [{:label "All shortcuts" + [{:label "All" :id "all"} - {:label "Personalized shortcuts" + {:label "Personalized" :data-testid "personalized" :id "personalized"} - {:label "Not assigned shortcuts" + {:label "Not assigned" :data-testid "not-assigned" :id "not-assigned"}]) @@ -167,7 +167,7 @@ [:> tab-switcher* {:tabs tabs :selected (name section) :on-change handle-change-tab - :class (stl/css :viewer-tab-switcher)} + :class (stl/css :shortcuts-switcher)} (case section :all [:> all-shortcuts-section* {:profile profile}] diff --git a/frontend/src/app/main/ui/settings/shortcuts.scss b/frontend/src/app/main/ui/settings/shortcuts.scss index fae5f909b1..a5c460c709 100644 --- a/frontend/src/app/main/ui/settings/shortcuts.scss +++ b/frontend/src/app/main/ui/settings/shortcuts.scss @@ -6,10 +6,16 @@ .shortcuts-page { height: 100%; + max-width: 31.25rem; + width: 36.25rem; + margin: 5rem auto 7.5rem; } .shortcuts-content { padding: var(--sp-xl); + display: flex; + flex-direction: column; + justify-content: center; } .shortcuts-section { diff --git a/frontend/src/app/main/ui/workspace/sidebar/shortcuts.cljs b/frontend/src/app/main/ui/workspace/sidebar/shortcuts.cljs index 3cc1a5f8cc..6422795260 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/shortcuts.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/shortcuts.cljs @@ -160,8 +160,7 @@ (if match-any? [:div {:class (stl/css :shortcuts-list)} (for [section all-shortcuts] - (let [[section-key _] section - ws-editable? (contains? #{:basics :workspace} section-key)] + (let [[section-key _] section] [:> ss/shortcut-section* {:key (name section-key) :section section :manage-sections manage-sections