diff --git a/app/static/app.css b/app/static/app.css index a9430fa..abe381d 100644 --- a/app/static/app.css +++ b/app/static/app.css @@ -5367,3 +5367,96 @@ table { } /* ===== end line items mobile final sizing ===== */ + + +/* ===== dashboard mobile polish ===== */ +@media (max-width: 900px) { + .page-header { + margin-bottom: 0.28rem !important; + } + + .page-title { + font-size: 1.0rem !important; + line-height: 1.06 !important; + margin: 0 0 0.04rem 0 !important; + } + + .page-subtitle { + font-size: 0.72rem !important; + line-height: 1.14 !important; + margin: 0 !important; + } + + .card { + padding: 0.56rem !important; + border-radius: 0.95rem !important; + margin-bottom: 0.42rem !important; + } + + .card-title { + font-size: 0.96rem !important; + line-height: 1.08 !important; + margin: 0 0 0.22rem 0 !important; + } + + .button-row { + gap: 0.18rem !important; + margin: 0 !important; + } + + .button-row .button-link, + .button-row button { + display: inline-flex !important; + align-items: center !important; + justify-content: center !important; + white-space: nowrap !important; + font-size: 0.72rem !important; + line-height: 1 !important; + min-height: 1.55rem !important; + height: 1.55rem !important; + padding: 0 0.4rem !important; + border-radius: 999px !important; + margin: 0 !important; + } + + .meta-grid { + gap: 0.34rem !important; + } + + .meta-item { + padding: 0.48rem 0.56rem !important; + border-radius: 0.9rem !important; + } + + .meta-label { + font-size: 0.7rem !important; + line-height: 1.05 !important; + margin-bottom: 0.12rem !important; + color: #6b7280 !important; + } + + .meta-item, + .meta-item div, + .meta-item span:not(.meta-label) { + font-size: 0.76rem !important; + line-height: 1.18 !important; + } + + .table-wrap { + margin-top: 0.12rem !important; + } + + .table-wrap table th, + .table-wrap table td { + padding: 0.24rem !important; + font-size: 0.72rem !important; + line-height: 1.12 !important; + } + + .empty-state { + font-size: 0.74rem !important; + line-height: 1.18 !important; + margin: 0.1rem 0 0 0 !important; + } +} +/* ===== end dashboard mobile polish ===== */ diff --git a/app/templates/base.html b/app/templates/base.html index ef653d5..a57f6b2 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -4,7 +4,7 @@ {% block title %}Document Processor{% endblock %} - +