Skip to content

Commit 4e5c962

Browse files
chore(edit-schema): tighten welcome heading spacing
Wrap title and subtitle in a single heading block with its own 4px gap so "Describe what you need and AI will generate the SQL" sits right under "Create your first table" instead of inheriting the 16px welcome gap. Drop the trailing period from the subtitle. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 4ff75ff commit 4e5c962

2 files changed

Lines changed: 11 additions & 2 deletions

File tree

frontend/src/app/components/edit-database-schema/edit-database-schema.component.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,13 @@
122122
text-align: center;
123123
}
124124

125+
.schema-editor__welcome-heading {
126+
display: flex;
127+
flex-direction: column;
128+
align-items: center;
129+
gap: 4px;
130+
}
131+
125132
.schema-editor__welcome-subtitle {
126133
font-size: 14px;
127134
color: rgba(0, 0, 0, 0.5);

frontend/src/app/components/edit-database-schema/edit-database-schema.component.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,10 @@ <h1 class="schema-editor__title">Edit Database Schema</h1>
3535
<div class="schema-editor__welcome-icon-box">
3636
<mat-icon class="schema-editor__welcome-icon">schema</mat-icon>
3737
</div>
38-
<p class="schema-editor__welcome-title">Create your first table</p>
39-
<p class="schema-editor__welcome-subtitle">Describe what you need and AI will generate the SQL.</p>
38+
<div class="schema-editor__welcome-heading">
39+
<p class="schema-editor__welcome-title">Create your first table</p>
40+
<p class="schema-editor__welcome-subtitle">Describe what you need and AI will generate the SQL</p>
41+
</div>
4042

4143
<div class="schema-editor__suggestions-block">
4244
<p class="schema-editor__suggestions-heading">or use a template</p>

0 commit comments

Comments
 (0)