From e478d3df4dc6a4b5ba822afce1d88dce689b1c49 Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@sakrecoer.com>
Date: Fri, 18 Sep 2020 12:01:08 +0200
Subject: [PATCH] styling

---
 _includes/header.html | 2 +-
 _layouts/post.html    | 2 +-
 _sass/_layout.scss    | 6 +++---
 _sass/_player.scss    | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 09e1b3c..889b174 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -3,7 +3,7 @@
     <h1>{{ page.title }}</h1>
     <p>{{ page.description }}</p>
     {% if page.category == 'releases' %}
-    <p><a href="#plwrap" class="button">Listen</a></p>
+    <p><a href="#play" class="button">Listen</a></p>
     {% endif %}
     {% if page.category == 'ramblings' %}
     <p><a href="#read" class="button">Read</a></p>
diff --git a/_layouts/post.html b/_layouts/post.html
index 16be292..a65b88b 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -5,7 +5,7 @@ layout: default
 <script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
 {% include header.html %}
 
-<section>
+<section id="play">
  <div class="album-player">
 
 <!-- HERE BEGINS MADNESS -->
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 963e99b..2153dd2 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -43,7 +43,7 @@ body {
   background-repeat: no-repeat;
   padding: 0;
   position: relative;
-  min-height: 80vh;
+  min-height: 100vh;
   width: 100vw;
 
   .textcontainer {
@@ -78,7 +78,7 @@ body {
     width: 100%;
     height: 100%;
     background-image: url("../img/vignette.svg");
-    background-size: 240px;
+    background-size: 640px;
     background-repeat: repeat-x;
     background-position: bottom;
     z-index: 1;
@@ -185,7 +185,7 @@ footer {
   background-color: var(--fg);
   color: var(--bg);
   background-image: url("../img/vignette-footer.svg");
-  background-size: 400px;
+  background-size: 200px;
   background-repeat: repeat-x;
   background-position: top;
   box-sizing: border-box;
diff --git a/_sass/_player.scss b/_sass/_player.scss
index 70a44c8..060e557 100644
--- a/_sass/_player.scss
+++ b/_sass/_player.scss
@@ -5,7 +5,7 @@
 .album-player {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 40px;
+  padding: 80px 40px 0 40px;
   justify-content: space-evenly;
   flex-direction: row-reverse;
   align-items: center;