diff --git a/.gitignore b/.gitignore
index 005984e..280fb6b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,7 @@
/data/*
/data/logs/*
/data/tls/*
-/data/static/*
+/data/django_static/*
/data/profilepictures/*
/data/archive/*
!/data/logs/
diff --git a/README.md b/README.md
index f2a4bf6..74a7248 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Drinks Manager (Season 3)
+# Drinks Manager
Note: This software is tailored to my own needs.
I probably won't accept feature requests, and don't recommend you
diff --git a/app/models.py b/app/models.py
index 681a433..717a1cf 100644
--- a/app/models.py
+++ b/app/models.py
@@ -40,6 +40,7 @@ class Drink(models.Model):
do_not_count = models.BooleanField(default=False)
def delete(self, *args, **kwargs):
+ # we flag the field as deleted.
self.deleted = True
super().save()
@@ -107,10 +108,9 @@ class Order(models.Model):
price_sum = models.DecimalField(max_digits=6, decimal_places=2, default=0, editable=False)
content_litres = models.DecimalField(max_digits=6, decimal_places=3, default=0, editable=False)
- # TODO: Add more comments on how and why the save & delete functions are implemented
- # address this in a refactoring issue.
-
def save(self, *args, **kwargs):
+ # saving this may affect other fields
+ # so we reimplement the save function
drink = Drink.objects.get(pk=self.drink.pk)
if self._state.adding and drink.available > 0:
if not drink.do_not_count:
@@ -126,6 +126,7 @@ class Order(models.Model):
raise ValidationError("This entry can't be changed.")
def delete(self, *args, **kwargs):
+ # when deleting, we affect other fields as well.
self.user.balance += self.price_sum
self.user.save()
drink = Drink.objects.get(pk=self.drink.pk)
diff --git a/app/static/js/main.js b/app/static/js/main.js
deleted file mode 100644
index 711aed8..0000000
--- a/app/static/js/main.js
+++ /dev/null
@@ -1,14 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
- let dropdownmenuElement = document.getElementById("dropdownmenu");
- let dropdownmenuButtonElement = document.getElementById("dropdownmenu-button");
- if (dropdownmenuButtonElement != null) {
- dropdownmenuButtonElement.addEventListener("click", () => {
- if (dropdownmenuElement.classList.contains("dropdownvisible")) {
- dropdownmenuElement.classList.remove("dropdownvisible");
- }
- else {
- dropdownmenuElement.classList.add("dropdownvisible");
- }
- })
- }
-});
diff --git a/app/templates/baselayout.html b/app/templates/baselayout.html
index 5783cf9..97ac907 100644
--- a/app/templates/baselayout.html
+++ b/app/templates/baselayout.html
@@ -25,7 +25,7 @@
{% if drink and drink.available > 0 and not drink.deleted %}
{% if user.balance > 0 or user.allow_order_with_negative_balance %}
+
+
{% else %}
-
+
{% endif %}
{% else %}
diff --git a/app/templates/registration/login.html b/app/templates/registration/login.html
index c9ba292..657c713 100644
--- a/app/templates/registration/login.html
+++ b/app/templates/registration/login.html
@@ -10,7 +10,7 @@
{% block headAdditional %}
-
+
{% endblock %}
{% block content %}
@@ -19,7 +19,7 @@
{% endif %}
-
{% translate "Log in" %}
+
-
+
{% translate "Choose your account" %}
{% for user_ in user_list %}
diff --git a/app/templates/supply.html b/app/templates/supply.html
index 4f656c2..bcbc3d0 100644
--- a/app/templates/supply.html
+++ b/app/templates/supply.html
@@ -9,27 +9,21 @@
{% block content %}
{% if user.is_superuser or user.allowed_to_supply %}
+
+
{% else %}
diff --git a/app/templates/transfer.html b/app/templates/transfer.html
index 74c13f4..bf0524b 100644
--- a/app/templates/transfer.html
+++ b/app/templates/transfer.html
@@ -8,44 +8,37 @@
{% block headAdditional %}
-
+
{% endblock %}
{% block content %}
+
+
{% endblock %}
\ No newline at end of file
diff --git a/app/templates/userpanel.html b/app/templates/userpanel.html
index 7d2d015..966f86e 100644
--- a/app/templates/userpanel.html
+++ b/app/templates/userpanel.html
@@ -18,19 +18,20 @@
{% translate "Deposit" %}
{% translate "Logout" %}
-
\ No newline at end of file
+
diff --git a/data/Caddyfile b/data/Caddyfile
index c5bbc58..d790c4e 100644
--- a/data/Caddyfile
+++ b/data/Caddyfile
@@ -9,7 +9,8 @@
{$CADDY_HOSTS} {
# the tls certificates
- tls {$DATADIR}/tls/server.pem {$DATADIR}/tls/server-key.pem
+ # tls {$DATADIR}/tls/server.pem {$DATADIR}/tls/server-key.pem
+ tls internal
route {
# profile pictures
file_server /profilepictures/* {
@@ -17,7 +18,11 @@
}
# static files
file_server /static/* {
- root {$DATADIR}/static/..
+ root {$ROOTDIR}
+ }
+ # django static files
+ file_server /django_static/* {
+ root {$DATADIR}/django_static/..
}
# favicon
redir /favicon.ico /static/favicon.ico
diff --git a/project/settings.py b/project/settings.py
index a5362ca..56ff5fb 100644
--- a/project/settings.py
+++ b/project/settings.py
@@ -149,8 +149,8 @@ LOCALE_PATHS = [
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/
-STATIC_URL = "static/"
-STATIC_ROOT = BASE_DIR / "data" / "static"
+STATIC_URL = "django_static/"
+STATIC_ROOT = BASE_DIR / "data" / "django_static"
# Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
diff --git a/requirements.txt b/requirements.txt
index 2be275b..ceb35b8 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,4 +1,4 @@
-Django~=4.1
-psycopg2~=2.9.5
-uvicorn~=0.20.0
+Django~=4.2
+psycopg2~=2.9
+uvicorn[standard]~=0.27
PyYAML~=6.0
diff --git a/scripts/_bootstrap.py b/scripts/_bootstrap.py
index 142781e..c162c03 100755
--- a/scripts/_bootstrap.py
+++ b/scripts/_bootstrap.py
@@ -14,7 +14,7 @@ from time import sleep
from yaml import safe_load
-banner = """ ___ _ _
+banner = r""" ___ _ _
| \ _ _ (_) _ _ | |__ ___ ___
| |) || '_|| || ' \ | / /(_-< |___|
|___/ |_| |_||_||_||_\_\/__/
@@ -131,6 +131,7 @@ if __name__ == "__main__":
["./venv/bin/python3", "./manage.py", "migrate", "--noinput"], env=os.environ).wait()
# Caddy configuration via env
environment_caddy = os.environ
+ environment_caddy["ROOTDIR"] = str(base_directory.absolute())
environment_caddy["DATADIR"] = str(data_directory.absolute())
environment_caddy["CADDY_HOSTS"] = ", ".join(config["caddy"]["hosts"])
environment_caddy["HTTP_PORT"] = str(config["caddy"]["http_port"])
diff --git a/start.sh b/start.sh
index 6420294..cd50964 100755
--- a/start.sh
+++ b/start.sh
@@ -11,6 +11,6 @@ chmod -c -R g-w,o-rwx .gitignore
export PYTHONPATH="$basedir"
export DJANGO_SETTINGS_MODULE="project.settings"
-export APP_VERSION="20"
+export APP_VERSION="22"
exec ./scripts/_bootstrap.py "$@"
diff --git a/app/static/css/main.css b/static/css/main.css
similarity index 67%
rename from app/static/css/main.css
rename to static/css/main.css
index 4ba0fc7..ea44432 100644
--- a/app/static/css/main.css
+++ b/static/css/main.css
@@ -1,4 +1,4 @@
-/* Font */
+/* Fonts */
@font-face {
font-family: "Inter";
@@ -18,26 +18,39 @@
:root {
--font-family: "Inter";
--color: #fafafa;
- --color-error: #ff682c;
- --bg-page-color: #222222;
- --bg-color: #4e4e4e;
- --bg-hover-color: #636363;
- --bg-color2: #383838;
- --bg-hover-color2: #4a4a4a;
- --border-color: #808080;
+ --color-disabled: #ffffff50;
+ --color-error: #ff817c;
+ --bg-page: linear-gradient(
+ -10deg,
+ #071c29 10%,
+ #4a8897
+ );
+ --bg-color: #ffffff35;
+ --bg-color2: #ffffff25;
+ --bg-hover-color: #ffffff50;
+ --border-color: #ffffff50;
--bg-globalmessage: #161616;
- --border-radius: .5rem;
+ --border-radius: .6rem;
+ --element-padding: .6rem .8rem;
}
/* General */
+body,
+input,
+select,
+button, .button
+{
+ font-family: var(--font-family);
+}
+
body {
margin: 0;
padding: 0;
width: 100vw;
min-height: 100vh;
- font-family: var(--font-family);
- background: var(--bg-page-color);
+ font-size: 17px;
+ background: var(--bg-page);
color: var(--color);
overflow-x: hidden;
}
@@ -47,7 +60,7 @@ a {
}
h1 {
- font-size: 1.8rem;
+ font-size: 28px;
}
h1, h2, h3, h4 {
@@ -65,29 +78,36 @@ input[type="number"]::-webkit-inner-spin-button {
display: none;
}
-input[type="text"], input[type="password"], input[type="number"], select {
- padding: .6rem .8rem;
- text-align: center;
- font-size: 1rem;
+input[type="text"],
+input[type="password"],
+input[type="number"],
+select {
+ padding: var(--element-padding);
+ text-align: center !important;
+ font-size: 16px;
color: var(--color);
border: none;
outline: none;
- border-bottom: 1px solid var(--border-color);
+ border: 1px solid var(--border-color);
border-radius: var(--border-radius);
background: var(--bg-color);
- font-family: "Inter";
+}
+
+input[type="text"]::placeholder,
+input[type="password"]::placeholder,
+input[type="number"]::placeholder,
+select > option:disabled {
+ color: var(--color-disabled);
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
- height: 2.5rem;
background-image: url("/static/material-icons/arrow-drop-down.svg");
background-repeat: no-repeat;
background-position: right;
background-size: 1.5rem;
- padding-right: 1.8rem;
}
table {
@@ -106,12 +126,6 @@ tr:nth-child(2n+2) > td {
background: var(--bg-color2);
}
-/*
-Rounded corners on table cells apparently don't work with
-Firefox, so Firefox users won't have rounded corners
-on tables. Can't fix that by myself.
-*/
-
table tr:first-child th:first-child {
border-top-left-radius: var(--border-radius);
}
@@ -165,11 +179,7 @@ th {
flex-direction: row;
margin-top: 1rem;
width: 94%;
- gap: 1rem;
-}
-
-.userinfo {
- font-size: 1.05rem;
+ gap: 2rem;
}
.userinfo > span {
@@ -224,7 +234,7 @@ main {
}
.footer > div {
- font-size: .95rem;
+ font-size: 16px;
margin-top: .15rem;
margin-bottom: .15rem;
}
@@ -276,15 +286,6 @@ main {
gap: 1rem;
}
-.fill {
- height: 100%;
- width: 100%;
-}
-
-.fill-vertical {
- height: 100%;
-}
-
.buttons {
display: flex;
flex-direction: row;
@@ -297,24 +298,26 @@ main {
display: flex;
align-items: center;
justify-content: center;
- font-family: var(--font-family);
- text-decoration: none;
- text-align: center !important;
- background: var(--bg-color);
- color: var(--color);
- font-size: 1rem;
- padding: .6rem .8rem;
outline: none;
- border: none;
- border-bottom: 1px solid var(--border-color);
+ border: 1px solid var(--border-color);
border-radius: var(--border-radius);
- cursor: pointer;
- user-select: none;
- box-sizing: content-box;
width: fit-content;
}
-.button:hover, button:hover, .button:active, button:active {
+.button, button, .dropdownchoice {
+ padding: var(--element-padding);
+ font-size: 16px;
+ text-align: center !important;
+ text-decoration: none;
+ color: var(--color);
+ box-sizing: content-box;
+ cursor: pointer;
+ user-select: none;
+ background: var(--bg-color);
+}
+
+.button:hover, button:hover,
+.button:active, button:active {
background: var(--bg-hover-color);
}
@@ -322,30 +325,55 @@ main {
opacity: 40%;
}
-.appform > .forminfo {
- width: 100%;
+.formheading {
+ margin-bottom: 2rem;
+}
+
+.forminfo {
+ width: fit-content;
+ min-width: 16rem;
text-align: left;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 2rem;
+ padding-bottom: .15rem;
+ border-bottom: 1px solid #ffffff20;
}
.forminfo > span:last-child {
float: right;
}
+.appform, .appform > * {
+ max-width: 90vw;
+}
+
.appform > .forminput {
width: 100%;
flex-direction: row;
- justify-content: space-evenly;
+ justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
-.appform > .statusinfo {
- margin-top: .5rem;
+.forminput > input, .forminput > select {
+ width: 100% !important;
+}
+
+.forminput > .keyboard-input, #transfer-recipient {
+ /* the keyboard has a 5px padding */
+ margin-left: 5px !important;
+ margin-right: 5px !important;
+}
+
+.appform > .buttons {
+ margin-top: 1rem;
+}
+
+#statusinfo {
+ margin-top: 1rem;
}
.dropdownmenu {
@@ -356,6 +384,16 @@ main {
border-radius: var(--border-radius);
}
+#dropdownnope {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100vh;
+ margin: 0;
+ padding: 0;
+}
+
.dropdownbutton {
z-index: 190;
}
@@ -366,70 +404,69 @@ main {
}
.dropdownlist {
+ margin-top: 3rem;
position: absolute;
display: flex;
flex-direction: column;
- pointer-events: none;
- border-radius: var(--border-radius) !important;
- z-index: 200;
- margin-top: 3.2rem;
+ border-radius: var(--border-radius);
+ box-shadow: 0 0 .5rem #00000025;
+}
+
+.dropdownlist, #dropdownnope {
+ visibility: hidden;
opacity: 0%;
- transition: opacity 100ms;
- box-shadow: 0 .25rem 1rem #00000090;
+ pointer-events: none;
+}
+
+.dropdownvisible .dropdownlist,
+.dropdownvisible #dropdownnope {
+ opacity: 100%;
+ background: #00000020;
+ visibility: visible;
+ pointer-events: visible;
+ z-index: 100;
}
.dropdownchoice {
- border-radius: 0 !important;
+ z-index: 200;
margin: 0;
- text-align: center;
- justify-content: center;
- background: var(--bg-color2) !important;
- backdrop-filter: none !important;
+ text-decoration: none;
width: initial;
+ min-width: max-content;
+ border-bottom: 1px solid var(--border-color);
+ border-left: 1px solid var(--border-color);
+ border-right: 1px solid var(--border-color);
+}
+
+.dropdownchoice:first-child {
+ border-top: 1px solid var(--border-color);
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+
+.dropdownchoice:last-child {
+ border-bottom: 1px solid var(--border-color);
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
}
.dropdownchoice:hover {
- background: var(--bg-hover-color2) !important;
-}
-
-.dropdownlist :first-child {
- border-top-left-radius: var(--border-radius) !important;
- border-top-right-radius: var(--border-radius) !important;
-}
-
-.dropdownlist :last-child {
- border-bottom-left-radius: var(--border-radius) !important;
- border-bottom-right-radius: var(--border-radius) !important;
-}
-
-.dropdownvisible .dropdownlist {
- opacity: 100%;
- visibility: visible;
- pointer-events: visible;
+ background: var(--bg-hover-color);
}
.customnumberinput {
- height: 2.5rem;
+ height: 2.2rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: .25rem;
}
.customnumberinput button {
- min-width: 2.5rem !important;
- width: 2.5rem !important;
+ width: 2.2rem !important;
+ height: 2.2rem !important;
padding: 0;
margin: 0;
- height: 100%;
-}
-
-.customnumberinput-minus {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- z-index: 10;
-}
-
-.customnumberinput-plus {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- z-index: 10;
}
.customnumberinput input[type="number"] {
@@ -438,13 +475,13 @@ main {
padding: 0;
margin: 0;
background: var(--bg-color2);
- border-radius: 0 !important;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.errortext {
+ font-weight: bold;
color: var(--color-error);
}
@@ -454,6 +491,11 @@ main {
/* Login */
+.userlist-container {
+ flex-grow: 1;
+ padding-bottom: 10vh;
+}
+
.userlist {
width: 60%;
list-style: none;
@@ -463,8 +505,7 @@ main {
}
.userlist > li {
- margin-bottom: .5rem;
- padding: 0 .5rem;
+ padding: .1rem .6rem;
}
.userlist > li > img {
@@ -477,7 +518,7 @@ main {
.userlist > li > div {
flex-grow: 1;
text-align: center;
- padding: .8rem 1.1rem;
+ padding: .7rem 1.1rem;
}
.loginform {
@@ -489,6 +530,18 @@ main {
margin-top: 0;
}
+#passwordoverlay-container {
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ top: 0;
+ right: 0;
+ background: var(--bg-page);
+ align-items: center;
+ padding-top: 10vh;
+ z-index: 200;
+}
+
/* Drinks List */
.drinks-list {
@@ -505,7 +558,7 @@ main {
.drinks-list > li > .button {
width: 100%;
justify-content: space-between;
- padding: .8rem 1.1rem;
+ padding: .7rem 1.1rem;
}
/* Statistics */
@@ -525,6 +578,19 @@ main {
width: 16rem;
}
+/* Blur */
+
+@supports (backdrop-filter: blur()) {
+ .dropdownvisible #dropdownnope {
+ backdrop-filter: blur(16px);
+ }
+ #passwordoverlay-container {
+ background: #00000020;
+ backdrop-filter: blur(64px); /* fallback */
+ backdrop-filter: blur(128px);
+ }
+}
+
/* Responsive */
@media only screen and (max-width: 1200px) {
@@ -545,9 +611,10 @@ main {
}
}
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: 860px) {
.userpanel {
flex-direction: column;
+ gap: 1rem;
}
.userlist {
gap: 0.25rem;
@@ -566,7 +633,10 @@ main {
}
.dropdownlist {
width: 14rem;
- right: calc(50vw - 7rem);
+ right: calc(50vw - 7rem); /* regard width */
left: auto;
}
+ #keyboard {
+ display: none !important;
+ }
}
diff --git a/app/static/css/simple-keyboard.css b/static/css/simple-keyboard.css
similarity index 100%
rename from app/static/css/simple-keyboard.css
rename to static/css/simple-keyboard.css
diff --git a/app/static/css/simple-keyboard_dark.css b/static/css/simple-keyboard_custom.css
similarity index 83%
rename from app/static/css/simple-keyboard_dark.css
rename to static/css/simple-keyboard_custom.css
index e380b77..39da287 100644
--- a/app/static/css/simple-keyboard_dark.css
+++ b/static/css/simple-keyboard_custom.css
@@ -6,6 +6,7 @@
max-width: 100%;
background: transparent;
font-family: "Inter";
+ font-size: 16px;
}
.simple-keyboard.darkTheme .hg-button {
height: 50px;
@@ -14,8 +15,8 @@
align-items: center;
background: var(--bg-color);
color: white;
- border: none;
- border-bottom: 1px solid var(--border-color);
+ border: 1px solid var(--border-color);
+ border-radius: var(--border-radius);
}
.simple-keyboard.darkTheme .hg-button:active,
.simple-keyboard.darkTheme .hg-button:hover {
diff --git a/app/static/favicon.ico b/static/favicon.ico
similarity index 100%
rename from app/static/favicon.ico
rename to static/favicon.ico
diff --git a/app/static/favicon.png b/static/favicon.png
similarity index 100%
rename from app/static/favicon.png
rename to static/favicon.png
diff --git a/app/static/fonts/Inter-Bold.ttf b/static/fonts/Inter-Bold.ttf
similarity index 100%
rename from app/static/fonts/Inter-Bold.ttf
rename to static/fonts/Inter-Bold.ttf
diff --git a/app/static/fonts/Inter-Regular.ttf b/static/fonts/Inter-Regular.ttf
similarity index 100%
rename from app/static/fonts/Inter-Regular.ttf
rename to static/fonts/Inter-Regular.ttf
diff --git a/app/static/js/autoreload.js b/static/js/autoreload.js
similarity index 100%
rename from app/static/js/autoreload.js
rename to static/js/autoreload.js
diff --git a/app/static/js/custom_form.js b/static/js/custom_form.js
similarity index 100%
rename from app/static/js/custom_form.js
rename to static/js/custom_form.js
diff --git a/app/static/js/custom_number_input.js b/static/js/custom_number_input.js
similarity index 100%
rename from app/static/js/custom_number_input.js
rename to static/js/custom_number_input.js
diff --git a/app/static/js/logged_out.js b/static/js/logged_out.js
similarity index 100%
rename from app/static/js/logged_out.js
rename to static/js/logged_out.js
diff --git a/app/static/js/login.js b/static/js/login.js
similarity index 98%
rename from app/static/js/login.js
rename to static/js/login.js
index cc9274d..6f62216 100644
--- a/app/static/js/login.js
+++ b/static/js/login.js
@@ -35,6 +35,7 @@
function show_password_overlay() {
window.scrollTo(0, 0);
passwordOverlayElement.classList.remove("nodisplay");
+ passwordInputElement.focus()
}
function hide_password_overlay() {
passwordOverlayElement.classList.add("nodisplay");
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 0000000..5fab451
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,21 @@
+document.addEventListener("DOMContentLoaded", () => {
+ let dropdownmenuElement = document.getElementById("dropdownmenu");
+ let dropdownmenuButtonElement = document.getElementById("dropdownmenu-button");
+ let dropdownmenuNopeElement = document.getElementById("dropdownnope");
+ function toggleDropDown() {
+ if (dropdownmenuElement.classList.contains("dropdownvisible")) {
+ dropdownmenuElement.classList.remove("dropdownvisible");
+ dropdownmenuNopeElement.classList.remove("dropdownvisible");
+ } else {
+ dropdownmenuElement.classList.add("dropdownvisible");
+ dropdownmenuNopeElement.classList.add("dropdownvisible");
+ }
+ }
+ if (dropdownmenuButtonElement != null) {
+ dropdownmenuButtonElement.addEventListener("click", toggleDropDown);
+ dropdownmenuNopeElement.addEventListener("click", () => {
+ dropdownmenuElement.classList.remove("dropdownvisible");
+ dropdownmenuNopeElement.classList.remove("dropdownvisible");
+ })
+ }
+});
diff --git a/app/static/js/order.js b/static/js/order.js
similarity index 100%
rename from app/static/js/order.js
rename to static/js/order.js
diff --git a/app/static/js/simple-keyboard.js b/static/js/simple-keyboard.js
similarity index 100%
rename from app/static/js/simple-keyboard.js
rename to static/js/simple-keyboard.js
diff --git a/app/static/js/simple-keyboard_configure.js b/static/js/simple-keyboard_configure.js
similarity index 100%
rename from app/static/js/simple-keyboard_configure.js
rename to static/js/simple-keyboard_configure.js
diff --git a/app/static/material-icons/arrow-drop-down.svg b/static/material-icons/arrow-drop-down.svg
similarity index 100%
rename from app/static/material-icons/arrow-drop-down.svg
rename to static/material-icons/arrow-drop-down.svg
diff --git a/app/static/material-icons/menu.svg b/static/material-icons/menu.svg
similarity index 100%
rename from app/static/material-icons/menu.svg
rename to static/material-icons/menu.svg