diff --git a/static/stylesheets/main.css b/static/stylesheets/main.css
index 893e843..505903a 100644
--- a/static/stylesheets/main.css
+++ b/static/stylesheets/main.css
@@ -1,9 +1,9 @@
-/* reset from awsm */
-form input[type], form select, form textarea {
+form input[type],
+form select,
+form textarea {
margin-bottom: 0;
}
-/* reset from awsm */
form {
max-width: 400px;
margin-left: auto;
@@ -13,7 +13,15 @@ form {
align-items: flex-end;
}
-/* reset from awsm */
+form input[type=password],
+form input[type=text] {
+ margin-bottom: 0.25rem;
+}
+
+form input[type=submit] {
+ width: 8rem;
+}
+
div {
margin: 0;
padding: 0;
@@ -28,22 +36,40 @@ body {
justify-content: space-between;
}
-a, a:visited {
- color: #0064c1;
+a,
+a:visited {
+ color: #0064c1;
+ text-decoration: none;
}
-form input[type=password], form input[type=text] {
- margin-bottom: 0.25rem;
+a:hover {
+ text-decoration: underline;
}
-form input[type=submit] {
- width: 8rem;
-}
-#content > * {
+#content>* {
margin: 2rem 0;
}
+#header {
+ border-bottom: 1px solid grey;
+ padding-top: 3rem;
+}
+
+#header img {
+ max-width: 580px;
+ position: relative;
+}
+
+#footer {
+ text-align: right;
+}
+
+#flashes {
+ background-color: #fd1b1b1c;
+}
+
+
.right {
text-align: right;
}
@@ -78,24 +104,6 @@ form input[type=submit] {
padding: 0 1rem;
}
-#header {
- border-bottom: 1px solid grey;
- padding-top: 3rem;
-}
-
-#header img {
- max-width: 580px;
- position: relative;
-}
-
-#footer {
- text-align: right;
-}
-
-#flashes {
- background-color: #fd1b1b1c;
-}
-
.angry {
background-color: #f4433669;
}
@@ -103,3 +111,7 @@ form input[type=submit] {
.happy {
background-color: #4caf5069;
}
+
+i.mdi {
+ font-size: 14px;
+}
diff --git a/templates/layout.tmpl b/templates/layout.tmpl
index 15d7cf5..aab498c 100644
--- a/templates/layout.tmpl
+++ b/templates/layout.tmpl
@@ -4,6 +4,7 @@
{{ template "title" }}
+
@@ -24,8 +25,12 @@
{{ template "content" . }}
-