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

15
static/css/index.css
View file

@ -1,4 +1,4 @@
.availableDrinksList {
.availabledrinkslist {
width: 50%;
max-width: 45rem;
list-style: none;
@ -9,13 +9,13 @@
justify-content: start;
align-items: center;
}
.availableDrinksList li {
.availabledrinkslist li {
display: flex;
width: 100%;
height: fit-content;
margin-bottom: .6rem;
}
.availableDrinksList li a {
.availabledrinkslist li a {
display: flex;
width: 100%;
align-items: center;
@ -25,20 +25,21 @@
text-decoration: none;
font-size: 1rem;
}
.availableDrinksList li a span:first-child {
.availabledrinkslist li a span:first-child {
margin-right: 1rem !important;
text-align: left;
}
.availableDrinksList li a span:last-child {
.availabledrinkslist li a span:last-child {
margin-left: auto;
text-align: right;
font-size: 1rem;
}
/* mobile devices */
@media only screen and (max-width: 700px) {
.availableDrinksList {
.availabledrinkslist {
width: 95%;
}
.availableDrinksList li a {
.availabledrinkslist li a {
width: calc(100vw - (2 * .8rem)) !important;
padding: .8rem !important;
}