Some user icon stuff

1 files changed, 34 insertions, 2 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 93672c0..69eaa44 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -97,6 +97,8 @@ header {
 }
 
 header h1 {
+    font-family: "Raleway";
+    font-weight: normal;
     background: var(--color-fg2);
     padding: 10px 7px 7px 7px;
     font-size: 130%;
@@ -104,6 +106,12 @@ header h1 {
     color: var(--color-fg1);
 }
 
+header h1 img {
+    display: inline;
+    vertical-align: top;
+    margin: 0 3px 0 0;
+}
+
 header a {
     color: inherit;
     text-decoration: none;
@@ -117,8 +125,9 @@ header menu {
 }
 
 header menu li {
-    padding: 20px 10px 7px 10px;
+    padding: 10px 10px 7px 10px;
     color: #eee;
+    line-height: 32px;
 }
 
 main {
@@ -150,10 +159,28 @@ main {
 
 .modal .option {
     display: block;
-    padding: 20px 30px;
+    padding: 15px 20px;
     color: var(--color-text-main);
     text-decoration: none;
     border-left: 3px solid transparent;
+    line-height: 32px;
+}
+
+.modal .option img {
+    display: inline;
+    vertical-align: middle;
+    margin: 0 10px 3px 0;
+}
+
+.modal .option i {
+    display: inline-block;
+    vertical-align: middle;
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    font-size: 150%;
+    margin: 0 10px 3px 0;
 }
 
 .modal a.option:hover {
@@ -165,6 +192,11 @@ main {
     color: var(--color-text-dull);
 }
 
+.modal .option small {
+    margin: 0 0 0 5px;
+    color: var(--color-text-dull);
+}
+
 .modal form {
     padding: 10px 10px 1px 10px;
 }