Move over to vui

• The header of an article is way too small
• And tags on the same page are still broken

theme/funkwhale/static/css/style.css

+* {
+  box-sizing: border-box;
+}
+
 html {
   font-family: 'Open Sans', 'helvetica', sans-serif;
   font-size: 14px;
@@ -15,18 +19,21 @@ h1, h2 {
   margin-bottom: 10px;
 }
 
-
 .title
 {
   font-size: 2.5em;
-  text-align: center;
+  text-align: left;
   margin-bottom: 50px;
   text-transform: none;
-  color: #383839;
+  color: var(--fw-grey-900);
   line-height: 1;
   font-weight: 600;
 }
 
+.dark-grey > a, .dark-grey > a, .blog-post > h2 > a {
+  color: var(--fw-grey-900) !important;
+}
+
 .latest
 {
   padding: 10px 10px;
@@ -112,33 +119,42 @@ a:hover { text-decoration: underline; }
 
 /* Sidebar */
 aside {
-  font-size: 14px;
+  font-size: 16px;
   width: 220px; height: 100%;
   position: fixed;
   top: 0; left: 0;
-  padding: 30px;
+  padding: 16px;
   background: #00638c;
   color: white;
   box-shadow: 0 0 3px black;
-  text-align: center;
-  padding-top: 8%;
+  padding-top: 70px;
   background-size: cover;
   box-sizing: content-box;
 }
-    aside a  { color:var(--color-background-main); text-decoration:none; }
-    aside a:visited { color:var(--color-background-main); text-decoration:none; }
+    aside a  { color:var(--color-background-main) !important; text-decoration:none; }
+    aside a:visited { color:var(--color-background-main) !important; text-decoration:none; }
     aside a:link { color:var(--color-background-main); text-decoration:none; }
     aside a:active { color:var(--color-background-main); text-decoration:none; }
     aside a:hover { text-decoration: underline; }
 
-aside > ul {
+aside > nav > ul {
   list-style-type: none;
-  padding: 0px 10px;
+  padding: 0px 0px;
   margin-top: 0px;
 }
-aside > h2 {
+
+aside > nav > ul > li {
+	margin: 20px 0px;
+}
+
+aside > nav > ul > li > a > img {
+  vertical-align: middle;
+  margin-right: 10px;
+}
+
+aside > nav > h2 {
   text-transform: uppercase;
-  font-size: 14px;
+  font-size: 16px;
   margin-bottom: 5px;
 }
 
@@ -199,7 +215,11 @@ aside > h2 {
 {
   display: block;
   padding: 0.33147rem 0;
-  border-bottom: 1px dotted var(--color-background-main);
+}
+
+.logo-container {
+	text-align: center;
+	margin-bottom: 40px;
 }
 
 .logo-container a img {
@@ -269,7 +289,7 @@ img {
 }
 
 .icon {
-  height: 32px;
+  height: 20px;
   filter: invert(100%);
   }