From 2da3883d203d8dea062dfe916af39c3c6b8c6f55 Mon Sep 17 00:00:00 2001 From: NixReaper Date: Sun, 12 Jul 2026 13:24:17 -0500 Subject: [PATCH] Indent settings category items under their group header Add a small left indent to .settings__list so each group's categories read as a nested submenu rather than sitting flush with the group header. Co-Authored-By: Claude Opus 4.8 --- app/src/pages/settings/Settings.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/app/src/pages/settings/Settings.vue b/app/src/pages/settings/Settings.vue index 11c0312..67b2719 100644 --- a/app/src/pages/settings/Settings.vue +++ b/app/src/pages/settings/Settings.vue @@ -352,7 +352,9 @@ const importSettings = (e) => { } .settings__group-caret.is-collapsed { transform: rotate(-90deg); } -.settings__list { list-style: none; margin: 2px 0 8px; padding: 0; } +/* Indent the category items so they read as a submenu nested under their + group header, rather than sitting flush at the same level. */ +.settings__list { list-style: none; margin: 2px 0 8px; padding: 0 0 0 14px; } .settings__cat { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: none; background: none; cursor: pointer;