fix header

2 files changed, 22 insertions, 16 deletions

diff --git a/static/style.css b/static/style.css
index fc2d69e..1b68815 100644
--- a/static/style.css
+++ b/static/style.css
@@ -61,6 +61,10 @@ a.active {
   color: #311f20;
 }
 
+blockquote {
+  font-style: italic;
+}
+
 img,
 video {
   max-width: 100%;
@@ -123,6 +127,7 @@ header {
   display: flex;
   align-items: end;
   flex-wrap: wrap;
+  gap: 4vw;
 }
 
 main {
diff --git a/templates/home.html.tera b/templates/home.html.tera
index 483c2f9..9a6041f 100644
--- a/templates/home.html.tera
+++ b/templates/home.html.tera
@@ -8,23 +8,24 @@
   <div class="panel" id="title">
     <h1>cel 🌸</h1>
   </div>
-</header>
 
-{% if is_live %}
-<iframe
-  class="panel"
-  id="stream"
-  src="https://weirdstar.stream/embed/video"
-  title="girlstream"
-  referrerpolicy="origin"
-  scrolling="no"
-  allowfullscreen>
-</iframe>
-{% endif %}
-
-{% if listenbrainz.is_scrobbling %}
-<a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: {{ listenbrainz.song }} - {{ listenbrainz.artist }}</a>
-{% endif %}
+  {% if is_live %}
+  <iframe
+    class="panel"
+    id="stream"
+    src="https://weirdstar.stream/embed/video"
+    title="girlstream"
+    referrerpolicy="origin"
+    scrolling="no"
+    allowfullscreen>
+  </iframe>
+  {% endif %}
+
+  {% if listenbrainz.is_scrobbling %}
+  <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: {{ listenbrainz.song }} - {{ listenbrainz.artist }}</a>
+  {% endif %}
+
+</header>
   
 {% endblock header %}