ChaoticByte/drinks-manager
1
1
Fork 0
Code Issues Pull requests Projects Releases 20 Packages Wiki Activity Actions

Refactored CSS and HTML templates and polished UI (#10), changed JavaScript variable names to camelCase, adjusted filenames and some url parameter names in urlpatterns, and more.

Browse source
This commit is contained in:
W13R 2022-11-04 20:35:28 +01:00
parent 1e32e2b5dd
commit 8599f49857
30 changed files with 401 additions and 403 deletions
Download patch file Download diff file Expand all files Collapse all files

30
static/css/statistics.css
View file

@ -1,15 +1,11 @@
.mainContainer {
.maincontainer {
min-width: 70vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
}
.statsHeading {
min-width: max-content;
margin-top: 0;
}
.tablesContainer {
.tablescontainer {
display: flex;
flex-direction: column;
align-items: center;
@ -17,7 +13,7 @@
width: 95%;
margin-top: 2rem;
}
.statisticsTable {
.statisticstable {
margin-bottom: 2rem;
padding-bottom: 1rem;
display: flex;
@ -26,38 +22,32 @@
align-items: center;
text-align: center;
}
.statisticsTable h1 {
.statisticstable h1 {
margin-top: 0;
font-size: 1.2rem;
text-align: left;
min-width: 10rem;
text-align: center;
}
.statisticsTable table {
.statisticstable table {
min-width: 20vw;
width: fit-content;
}
.statisticsTable th:last-child {
.statisticstable th:last-child {
text-align: right;
}
.statisticsTable td:last-child {
.statisticstable td:last-child {
text-align: right;
}
@media only screen and (max-width: 700px) {
.statisticsTable h1 {
.statisticstable h1 {
min-width: 90vw;
}
.statisticsTable table {
.statisticstable table {
min-width: 80vw;
}
.statisticsTable {
.statisticstable {
margin-bottom: 2rem;
padding-bottom: 1rem;
}
.statsHeading {
margin-left: 0;
margin-right: 0;
padding-top: 1rem;
padding-bottom: 2rem;
}
}