Greg/SportAttendanceSheet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cosmetic updates

Browse Source
This commit is contained in:
Greg 2025-05-10 23:30:33 +02:00
parent f8be60254c
commit 059e3915ed
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
templates/index.html
View File

@ -14,8 +14,8 @@
color: #DFD0B8; color: #DFD0B8;
} }
.table-container { width: 100%; overflow-x: auto; max-height: 70vh; } .table-container { width: 100%; overflow-x: auto; max-height: 70vh; }
table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; } table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; border-radius: 18px; overflow: hidden; }
th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; } th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; border-radius: 12px; }
th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; } th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; }
.clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; } .clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; }
.clickable:hover { .clickable:hover {
@ -41,11 +41,14 @@
color: #222831; color: #222831;
border: none; border: none;
padding: 0.7em 1.5em; padding: 0.7em 1.5em;
border-radius: 4px; border-radius: 18px;
font-weight: bold; font-weight: bold;
font-size: 1em; font-size: 1em;
transition: background 0.2s; transition: background 0.2s;
} }
button, a#reports-btn {
border-radius: 18px !important;
}
#add-date:hover { #add-date:hover {
background: #7c765c; background: #7c765c;
} }

4
templates/reports.html
View File

@ -16,7 +16,7 @@
.chart-container.large-chart { .chart-container.large-chart {
background: #393E46; background: #393E46;
padding: 1.5em 2em; padding: 1.5em 2em;
border-radius: 8px; border-radius: 22px;
margin-bottom: 1em; margin-bottom: 1em;
min-width: 400px; min-width: 400px;
max-width: 520px; max-width: 520px;
@ -29,7 +29,7 @@
/* Remove forced width: 100% to preserve aspect ratio */ /* Remove forced width: 100% to preserve aspect ratio */
} }
h2 { color: #948979; font-size: 1.1em; margin-bottom: 0.5em; } h2 { color: #948979; font-size: 1.1em; margin-bottom: 0.5em; }
a, button { color: #222831; background: #948979; border: none; padding: 0.7em 1.5em; border-radius: 4px; font-weight: bold; font-size: 1em; transition: background 0.2s; cursor: pointer; text-decoration: none; } a, button { color: #222831; background: #948979; border: none; padding: 0.7em 1.5em; border-radius: 18px; font-weight: bold; font-size: 1em; transition: background 0.2s; cursor: pointer; text-decoration: none; }
a:hover, button:hover { background: #7c765c; } a:hover, button:hover { background: #7c765c; }
@media (max-width: 900px) { @media (max-width: 900px) {
.charts-flex { flex-direction: column; align-items: stretch; } .charts-flex { flex-direction: column; align-items: stretch; }