Skip to content

Commit f96564f

Browse files
githajaeclaude
andcommitted
Polish Query Engine card spacing: balance gap above/below ops box
- Add margin-top: 0.65rem (with transition) to plan-expand.lit so the gap between Optimize chip and the nested ops box matches the card's bottom padding (1.1rem), giving visual balance above and below - Increase opt-connector height 5px → 8px for a more visible connection Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent b4d478e commit f96564f

1 file changed

Lines changed: 5 additions & 3 deletions

File tree

_sass/custom/_research-interests.scss

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -186,17 +186,19 @@ body.page--research-interests #main {
186186
overflow: hidden;
187187
max-height: 0;
188188
opacity: 0;
189-
transition: max-height 0.45s ease 0.1s, opacity 0.4s ease 0.15s;
189+
margin-top: 0;
190+
transition: max-height 0.45s ease 0.1s, opacity 0.4s ease 0.15s, margin-top 0.4s ease 0.1s;
190191

191192
&.lit {
192-
max-height: 70px;
193+
max-height: 80px;
193194
opacity: 1;
195+
margin-top: 0.65rem;
194196
}
195197

196198
// Small vertical line from Optimize chip down to the ops box
197199
.opt-connector {
198200
width: 1px;
199-
height: 5px;
201+
height: 8px;
200202
background: rgba(0, 113, 227, 0.3);
201203
margin: 0 auto;
202204
}

0 commit comments

Comments
 (0)