From 5074455dac8006f1c6e55a63bd113c63823fa2a3 Mon Sep 17 00:00:00 2001
From: matsewe <git@matsewe.de>
Date: Fri, 12 Jul 2024 11:13:10 +0200
Subject: [PATCH] styling

---
 static/site.css       | 10 ++++++----
 templates/voting.html |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/static/site.css b/static/site.css
index f86bede..d49840d 100644
--- a/static/site.css
+++ b/static/site.css
@@ -105,7 +105,8 @@ header {
 .song {
     background-color: var(--color-choriosity-red--light);
     background-color: var(--color-white-100);
-    border: 1px solid var(--color-choriosity-red);
+    /*border: 1px solid var(--color-choriosity-red);*/
+    border: 1px solid hsl(calc(var(--hue) * 360), 100%, 40%);
     box-shadow: 4px 4px 8px var(--color-white-90);
     padding: 0.4em;
     border-radius: 0.5em;
@@ -118,7 +119,7 @@ header {
 .cover-container {
     position: relative;
     width: 10.67em;
-    height: 6em;
+    height: 6.7em;
     float: left;
     margin-right: 1em;
     text-align: center;
@@ -181,6 +182,7 @@ header {
 
 .vote-buttons {
     display: inline-block;
+    margin-top: 0.7em;
 }
 
 .button {
@@ -274,12 +276,12 @@ header {
     /*color-mix(in srgb, var(--main-color) 60%, transparent);*/
 }
 
-.vote-buttons {
+/*.vote-buttons {
     margin-top: 1em;
     width: 100%;
     display: inline-flex;
     justify-content: center;
-}
+}*/
 
 .song-title,
 .song-artist {
diff --git a/templates/voting.html b/templates/voting.html
index 01eb7dd..a694035 100644
--- a/templates/voting.html
+++ b/templates/voting.html
@@ -181,7 +181,7 @@
         {% for main_category, songs in songs_by_category.items() %}
         <h2 style="--hue: {{ all_categories[main_category] / all_categories|length }};">{{ main_category }}</h2>
         {% for song in songs -%}
-        <div class="song{% if (song.vote == -1) or (not song.vote and not song.singable) %} not_singable{% endif %}"
+        <div style="--hue: {{ all_categories[main_category] / all_categories|length }};" class="song{% if (song.vote == -1) or (not song.vote and not song.singable) %} not_singable{% endif %}"
             id="song-{{ song.id }}">
             <div class="cover-container">
                 <img src="{{ song.thumbnail }}" class="cover">