use media to tweak fonts to even smaller when I am on my laptop

2026-01-17 22:51:19 +11:00
parent 3b3c42caab
commit 2d1dcfffd9
1 changed files with 2 additions and 0 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -17,6 +17,7 @@
    <style>
        .col-form-label { width:140px; }
        html { font-size: 75% !important; }
+        @media (max-width: 2000px) { html { font-size: 70% !important; } }
    </style>
 </head>
 <body>
@@ -340,6 +341,7 @@
                xAxis: {
                    type: 'datetime',
                    title: { text: 'Date' },
+                    min: Date.UTC(2024, 6, 1),
                    plotBands: plotBands // Alternating background for years 
                },
                yAxis: { title: { text: 'Amount ($)' } },