From 6054422fd89e4a5a7427b525612821190f228c1e Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Sun, 16 Dec 2018 00:58:58 +0100
Subject: [PATCH] Fixed some minor things.

---
 assets/less/classes/header.less | 14 ++++++++------
 templates/home/landing.twig     |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/assets/less/classes/header.less b/assets/less/classes/header.less
index e089c9cf..ff3a0561 100644
--- a/assets/less/classes/header.less
+++ b/assets/less/classes/header.less
@@ -1,4 +1,6 @@
 .header {
+    --header-height: 70px;
+
     flex: 0 0 auto;
     margin-bottom: 4px;
 
@@ -8,11 +10,9 @@
         left: 0;
         width: 100%;
         height: 100%;
-        mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
-        -webkit-mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
-        background: var(--background-pattern);
+        background: linear-gradient(0deg, var(--background-colour) 0, transparent var(--header-height)), var(--background-pattern);
         background-color: var(--header-accent-colour);
-        background-blend-mode: multiply;
+        background-blend-mode: normal, multiply;
     }
 
     &__wrapper {
@@ -21,6 +21,8 @@
         align-items: center;
         padding: 3px 1px;
         max-width: var(--site-max-width);
+        height: var(--header-height);
+        transition: height .2s;
 
         @media (max-width: @site-mobile-width) {
             flex-direction: column;
@@ -207,14 +209,13 @@
 
         &__info {
             padding: 1px;
-            margin-right: 4px;
+            padding-right: 5px;
             display: flex;
             flex-direction: column;
             align-items: flex-end;
             justify-content: center;
 
             @media (max-width: @site-mobile-width) {
-                margin: 0;
                 padding: 0;
                 display: block;
                 width: 100%;
@@ -226,6 +227,7 @@
             text-shadow: 0 0 5px var(--user-colour);
             font-size: 1.4em;
             line-height: 1.4em;
+            margin-bottom: 2px;
             text-decoration: none;
             display: block;
             text-align: right;
diff --git a/templates/home/landing.twig b/templates/home/landing.twig
index cb1f95eb..df871629 100644
--- a/templates/home/landing.twig
+++ b/templates/home/landing.twig
@@ -29,7 +29,7 @@
                 </div>
             </div>
 
-            {% if online_users > 0 %}
+            {% if online_users|length > 0 %}
                 <div class="container index__container">
                     {{ container_title('Online users') }}