Separate the four uptime periods so they read as four graphs, not one
This commit is contained in:
@@ -307,9 +307,12 @@ require_once dirname(__DIR__) . '/include/ai_chat.php';
|
|||||||
as one of them mattering more. */
|
as one of them mattering more. */
|
||||||
/* The domain column is capped rather than 1fr: at 1fr on a 3440 monitor it took half the card and
|
/* The domain column is capped rather than 1fr: at 1fr on a 3440 monitor it took half the card and
|
||||||
squeezed the four graphs — the names are the label here, the graphs are the content. */
|
squeezed the four graphs — the names are the label here, the graphs are the content. */
|
||||||
|
/* 22px between the periods, not 10. Four strips of small bars sitting a hair apart read as one
|
||||||
|
long graph with seams in it — the gap has to be wider than the space between the bars inside a
|
||||||
|
strip by enough that the eye groups the bars first and the columns second. */
|
||||||
.vv-au-hb-head, .vv-au-hb-row {
|
.vv-au-hb-head, .vv-au-hb-row {
|
||||||
display:grid; grid-template-columns:minmax(160px,300px) repeat(4, minmax(96px,1fr));
|
display:grid; grid-template-columns:minmax(160px,300px) repeat(4, minmax(96px,1fr));
|
||||||
gap:10px; align-items:center; padding:5px 12px;
|
gap:22px; align-items:center; padding:5px 12px;
|
||||||
}
|
}
|
||||||
.vv-au-hb-head { font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:#3a3a3a;
|
.vv-au-hb-head { font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:#3a3a3a;
|
||||||
border-bottom:1px solid #1e1e1e; padding-top:7px; padding-bottom:7px; }
|
border-bottom:1px solid #1e1e1e; padding-top:7px; padding-bottom:7px; }
|
||||||
|
|||||||
Reference in New Issue
Block a user