From 93454c921fd6853327d59e31b4dabc3e361aaa68 Mon Sep 17 00:00:00 2001
From: sakrecoer <set.hallstrom@gmail.com>
Date: Fri, 25 Dec 2020 17:21:45 +0100
Subject: [PATCH] style fixes

---
 _sass/_layout.scss | 24 +++++++++---------------
 _sass/_player.scss |  7 ++++---
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 41396bf..e3753f0 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -114,9 +114,9 @@ body {
       .description {
         border-radius: var(--border-radius);
         background: var(--bg-alt);
-        box-shadow: 1px 1px 28px 24px var(--bg-alt);
-        -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt);
-        -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt);
+        box-shadow: 15px 15px 28px 24px var(--bg);
+        -webkit-box-shadow: 15px 15px 28px 24px var(--bg);
+        -moz-box-shadow: 15px 15px 28px 24px var(--bg);
         > * {
           margin: 40px !important;
         }
@@ -134,7 +134,7 @@ body {
               width: 100px;
               height: 100px;
               line-height: 100px;
-              margin: 0 0 10px 0;
+              margin: 0 0 20px 0;
               padding:0;
               font-size: 65px;
             }
@@ -163,6 +163,7 @@ body {
       margin: 0;
     }
     @media only screen and (max-width: 759px) {
+      text-align: center;
       div {
         min-width: 100%;
         padding: 20px 0;
@@ -173,6 +174,7 @@ body {
 
     }
     @media only screen and (max-width: 480px) {
+      
       .description {
         h1 {
           font-size: 1.1em
@@ -218,10 +220,10 @@ section:first-of-type {
 footer {
   width: 100%;
   padding: 160px 20px 200px 20px;
-  background-color: var(--border-alt);
+  background-color: var(--fg);
   color: var(--bg);
   background-image: url("../img/vignette-footer.svg");
-  background-size: 500px;
+  background-size: 200px;
   background-repeat: repeat-x;
   background-position: top;
   box-sizing: border-box;
@@ -229,14 +231,12 @@ footer {
   a {
     color: var(--bg);
   }
-
   .icon {
     color: var(--bg);
     border: 1px solid var(--bg);
   }
   .icon:hover {
     border: 1px solid var(--accent2);
-    color: var(--accent2);
   }
   .footframe {
     display: flex;
@@ -255,7 +255,7 @@ footer {
         width: 100%;
       }
       li {
-        
+        border-bottom: 1px solid var(--bg-alt);
         line-height: 2;
         font-size: 1.5em;
         a {
@@ -263,9 +263,6 @@ footer {
           text-decoration: none;
           color: var(--bg);
         }
-        a:hover {
-          color: var(--accent2);
-        }
       }
     }
 
@@ -358,9 +355,6 @@ footer {
   text-align: center;
   line-height: 2em;
   padding: 0;
-  h2 {
-    margin-top: 80px;
-  }
 }
 .streamer {
   max-width: var(--max-width);
diff --git a/_sass/_player.scss b/_sass/_player.scss
index 07e513e..1141378 100644
--- a/_sass/_player.scss
+++ b/_sass/_player.scss
@@ -115,7 +115,7 @@ audio {
 }
 
 #plList li:hover {
-  background-color: var(--accent1);
+  background-color: var(--accent2-alt);
   color: var(--bg);
   transition: all 400ms ease-in-out;
 }
@@ -149,11 +149,12 @@ audio {
 }
 
 .plSel {
-  background-color: var(--fg-alt)!important;
+  background-color: var(--accent1-alt)!important;
   cursor: pointer!important;
+  color: var(--bg);
 }
 .plSel:hover {
-  background-color: var(--accent1)!important;
+  background-color: var(--accent2-alt)!important;
 }