From f6218577af27fc3a3e815c7440c6268e04342bc3 Mon Sep 17 00:00:00 2001
From: novatorem <anovaec@gmail.com>
Date: Sun, 19 Jul 2020 22:00:35 -0400
Subject: [PATCH] Improved positioning

---
 api/templates/spotify.html.j2 | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/api/templates/spotify.html.j2 b/api/templates/spotify.html.j2
index 8759949..1545f63 100644
--- a/api/templates/spotify.html.j2
+++ b/api/templates/spotify.html.j2
@@ -1,5 +1,5 @@
-<svg width="600" height="{{height}}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <foreignObject width="600" height="{{height}}">
+<svg width="600" height="233" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <foreignObject width="600" height="233">
         <div xmlns="http://www.w3.org/1999/xhtml" class="container">
             <style>
                 div {
@@ -10,15 +10,10 @@
                     display: flex;
                 }
 
-                .art {
-                    float: left;
-                    width: 40%;
-                }
-
                 .container {
                     background-color: #121212;
-                    border-radius: 10px;
-                    padding: 10px 10px
+                    border-radius: 5px;
+                    padding: 10px 10px 10px 0px;
                 }
 
                 .playing {
@@ -46,7 +41,7 @@
                     font-size: 20px;
                     color: #b3b3b3;
                     text-align: left;
-                    margin-top: 15px;
+                    margin-top: 45px;
                     margin-bottom: 15px;
                 }
 
@@ -56,13 +51,15 @@
                 }
 
                 .cover {
+                    float: left;
+                    width: 44%;
+                    margin-left: -15px;
                     border-radius: 5px;
-                    margin-top: 9px;
                 }
 
                 #bars {
                     height: 30px;
-                    bottom: 1px;
+                    bottom: 23px;
                     margin: -20px 0 0 0px;
                     position: absolute;
                     width: 40px;
@@ -95,7 +92,7 @@
             {% if song_name %}
 
             <div class="main">
-                <a class="art" href="{}" target="_BLANK">
+                <a href="{}" target="_BLANK">
                     <center>
                             <img src="data:image/png;base64, {{img}}" width="200" height="200" class="cover" />
                     </center>