mcelwain
/
document-processor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: polish dashboard and mobile detail layouts

This commit is contained in:
Sean McElwain 2026-04-26 17:06:06 -05:00
parent 0ef1392b19
commit 7e347ad5c6
2 changed files with 94 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
app/static/app.css
View File

@ -5367,3 +5367,96 @@ table {
} }
/* ===== end line items mobile final sizing ===== */ /* ===== 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 ===== */

2
app/templates/base.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Document Processor{% endblock %}</title> <title>{% block title %}Document Processor{% endblock %}</title>
<link rel="stylesheet" href="/static/app.css?v=153"> <link rel="stylesheet" href="/static/app.css?v=154">
<link rel="stylesheet" href="/static/app-shell.css?v=66"> <link rel="stylesheet" href="/static/app-shell.css?v=66">
</head> </head>
<body> <body>