style: align buildpulse mobile action pair
This commit is contained in:
+1
-1
@@ -1580,7 +1580,7 @@ function App() {
|
||||
<div className="app-shell">
|
||||
<header className="mobile-shell-header card">
|
||||
<div>
|
||||
<p className="eyebrow">BuildPulse v0.4.7</p>
|
||||
<p className="eyebrow">BuildPulse v0.4.8</p>
|
||||
<h1>BuildPulse</h1>
|
||||
<p className="hero-goal compact-goal">
|
||||
<strong>Current goal:</strong> {appState.project.current_goal || 'Classify new ideas before they become work.'}
|
||||
|
||||
@@ -3259,3 +3259,49 @@ button.ghost,
|
||||
margin-top: 0.55rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* v0.4.8 — make the primary CTA pair feel like one instrument, not two loose buttons. */
|
||||
@media (max-width: 760px) {
|
||||
.today-command-bar {
|
||||
grid-template-columns: minmax(0, 1fr) 4.9rem;
|
||||
gap: 0.36rem;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.today-command-bar > button {
|
||||
height: 2.78rem;
|
||||
}
|
||||
|
||||
.today-primary-command {
|
||||
justify-content: flex-start;
|
||||
padding-left: 0.8rem;
|
||||
font-size: 0.96rem;
|
||||
}
|
||||
|
||||
.today-drawer-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
height: 2.78rem;
|
||||
font-size: 0.74rem;
|
||||
border-left: 1px solid rgba(7, 17, 31, 0.24);
|
||||
}
|
||||
|
||||
.today-focus-card {
|
||||
padding-block: 0.88rem;
|
||||
}
|
||||
|
||||
.today-focus-card h3 {
|
||||
line-height: 1.08;
|
||||
}
|
||||
|
||||
.focus-badges {
|
||||
gap: 0.32rem;
|
||||
}
|
||||
|
||||
.today-card-note {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user