[Perl] DAQ system for the FAPG.
style give charts more breathing room on mobile
Use 16:9 aspect ratio on desktop (was 1:1) and 4:3 on phones with a 250px minimum. Removes the cramped square layout visible on the insights page screenshots.
roles/dashboard/public/css/app.css
@@ -326,8 +326,15 @@
326
326
.chart-wrap {
327
327
position: relative;
328
328
width: 100%;
329
Removed:
max-height: 420px;
330
Removed:
aspect-ratio: 1 / 1;
329
Added:
min-height: 220px;
330
Added:
aspect-ratio: 16 / 9;
331
Added:
}
332
Added:
333
Added:
@media (max-width: 575.98px) {
334
Added:
.chart-wrap {
335
Added:
aspect-ratio: 4 / 3;
336
Added:
min-height: 250px;
337
Added:
}
331
338
}
332
339
333
340
/* Probes grid — square aspect ratio cards with flex charts */