dashboard: add card padding to live indicator; fix ? button vertical position
Replaces padding-right-only with full padding (0.55rem top/bottom, 0.7rem left, 1.8rem right). The top padding gives the absolute-positioned ? button a proper anchor and stops it sitting too low against the text. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -364,9 +364,9 @@ if (escalated.length > 0) {
|
|||||||
.live-indicator {
|
.live-indicator {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
color: gray;
|
color: gray;
|
||||||
margin-bottom: 0.75rem;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-right: 1.6rem;
|
padding: 0.55rem 1.8rem 0.55rem 0.7rem;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── KPI infobox ──────────────────────────────────────────────────────────── */
|
/* ── KPI infobox ──────────────────────────────────────────────────────────── */
|
||||||
|
|||||||
@@ -400,7 +400,7 @@ display(Inputs.table((summary.recent_progress ?? []).map(e => ({
|
|||||||
```
|
```
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
|
.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
|
||||||
.card { background: var(--theme-background-alt); border-radius: 8px; padding: 1rem; }
|
.card { background: var(--theme-background-alt); border-radius: 8px; padding: 1rem; }
|
||||||
.card.warn { border: 2px solid orange; }
|
.card.warn { border: 2px solid orange; }
|
||||||
.card-link { cursor: pointer; transition: box-shadow 0.15s, transform 0.1s; text-decoration: none; color: inherit; display: block; }
|
.card-link { cursor: pointer; transition: box-shadow 0.15s, transform 0.1s; text-decoration: none; color: inherit; display: block; }
|
||||||
|
|||||||
@@ -106,5 +106,5 @@ display(byDay.length === 0
|
|||||||
```
|
```
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
|
.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -150,7 +150,7 @@ if (wsWithDeps.length === 0) {
|
|||||||
```
|
```
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
|
.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
|
||||||
.dim { color: gray; font-style: italic; }
|
.dim { color: gray; font-style: italic; }
|
||||||
.filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
|
.filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
|
||||||
.filter-owner { display: flex; align-items: center; }
|
.filter-owner { display: flex; align-items: center; }
|
||||||
|
|||||||
Reference in New Issue
Block a user