diff --git a/src/pages/ThinkingAliasesPage.tsx b/src/pages/ThinkingAliasesPage.tsx index 56a10ce..1a8b1e9 100644 --- a/src/pages/ThinkingAliasesPage.tsx +++ b/src/pages/ThinkingAliasesPage.tsx @@ -254,8 +254,7 @@ export function ThinkingAliasesPage() {
-
-
+
@@ -417,10 +416,9 @@ export function ThinkingAliasesPage() { {t('aliases.customHelp')}
: null}
-
+ +
diff --git a/src/styles.css b/src/styles.css index e066c7c..3bea0cf 100644 --- a/src/styles.css +++ b/src/styles.css @@ -3457,30 +3457,16 @@ input:focus-visible { display: grid; grid-template-columns: minmax(480px, 1.4fr) minmax(320px, 0.6fr); gap: 16px; - align-items: start; -} - -.thinking-alias-left-stack { - display: grid; - min-width: 0; - gap: 16px; -} - -.thinking-alias-builder { - min-height: 330px; -} - -.thinking-alias-name-panel { - min-height: 250px; + align-items: stretch; } +.thinking-alias-editor-panel, .thinking-alias-list-panel { - height: clamp(360px, calc(100vh - 330px), 460px); - min-height: 360px; + height: clamp(600px, calc(100vh - 250px), 720px); + min-height: 600px; } -.thinking-alias-builder, -.thinking-alias-name-panel { +.thinking-alias-editor-panel { position: relative; z-index: 2; display: flex; @@ -3490,6 +3476,17 @@ input:focus-visible { overflow: visible; } +.thinking-alias-section-divider { + height: 1px; + flex: none; + margin: 2px 0; + background: var(--theme-e3e1db); +} + +.thinking-alias-secondary-heading { + padding-top: 2px; +} + .thinking-alias-panel-heading { display: flex; align-items: center; @@ -6879,8 +6876,7 @@ input:focus-visible { grid-template-columns: 1fr; } - .thinking-alias-builder, - .thinking-alias-name-panel, + .thinking-alias-editor-panel, .thinking-alias-list-panel { height: auto; min-height: 0;