diff --git a/public/styles/login.css b/public/styles/login.css
new file mode 100644
index 0000000..8624e9c
--- /dev/null
+++ b/public/styles/login.css
@@ -0,0 +1,10 @@
+main {
+ margin-top: 20vh;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ max-width: 25rem;
+ margin: auto;
+}
diff --git a/public/styles/main.css b/public/styles/main.css
index b64b972..2ee6be4 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -1,8 +1,7 @@
body {
- color: #2e2033;
display: flex;
- height: 100%;
- width: 100%;
+ min-height: 100vh;
+ min-width: 100vw;
margin: 0;
}
@@ -10,6 +9,33 @@ main {
flex-grow: 1;
}
+input {
+ padding: .35rem .35rem;
+ font-size: 1rem;
+}
+
+input[type="submit"] {
+ margin-top: 2rem;
+ background: #712da0;
+ color: white;
+ border-left: 5px solid #ffbac6;
+ border-top: 5px solid #ffbac6;
+ border-right: 5px solid #f560f5;
+ border-bottom: 5px solid #f560f5;
+}
+
+input[type="submit"]:hover {
+ background: #7a43a1;
+}
+
+input[type="submit"]:active {
+ background: #875ba6;
+}
+
+form label {
+ margin-top: .75em;
+}
+
zone-content table {
border-collapse: collapse;
width: 100%;
@@ -59,4 +85,3 @@ zone-content tbody tr .rdata div {
display: flex;
align-items: baseline;
}
-
diff --git a/templates/bases/base.html b/templates/bases/base.html
index 98dfe72..1f209cb 100644
--- a/templates/bases/base.html
+++ b/templates/bases/base.html
@@ -5,6 +5,7 @@
{% block title %}{% endblock title %}Nomilo
+ {% block styles %}{% endblock styles %}
{% block content %}{% endblock content %}
diff --git a/templates/pages/login.html b/templates/pages/login.html
index 9b8299a..de732da 100644
--- a/templates/pages/login.html
+++ b/templates/pages/login.html
@@ -1,6 +1,9 @@
{% extends "bases/base.html" %}
{% block title %}Login ⋅ {% endblock title %}
+{% block styles %}
+
+{% endblock styles %}
{% block content %}
@@ -10,8 +13,10 @@
{% endif %}