From 456072b07467b6cad6051d19d22ae2c53c99b14c Mon Sep 17 00:00:00 2001
From: hyperbel <hyperbel@users.noreply.github.com>
Date: Mon, 30 Oct 2023 00:53:35 +0100
Subject: [PATCH] fix buggy css

---
 party/static/css/session.css | 66 ++++++++++++++----------------------
 party/templates/session.html |  6 ++--
 2 files changed, 28 insertions(+), 44 deletions(-)

diff --git a/party/static/css/session.css b/party/static/css/session.css
index 30428fc..814f1fb 100644
--- a/party/static/css/session.css
+++ b/party/static/css/session.css
@@ -407,64 +407,48 @@ cursor: pointer;
     position: relative; 
     width: 20px; 
     height: 20px; 
-  }
+}
   
-  .button-wrapper img {
+.button-wrapper img {
     width: 100%;
     height: 100%;
     background-color: transparent; 
     vertical-align: middle; 
-  }
+}
   
-  .button-wrapper:first-child {
+.button-wrapper:first-child {
     margin-right: 5%; 
-  }
+}
   
-  .button-wrapper:last-child {
+.button-wrapper:last-child {
     margin-left: 5%;
-  }
+}
 
-}
-#next {
-    position: fixed;
-    top: 15%;
-    left: 55%;
+/* Ende Chat */
+
+/* Musik */
+
+#music button {
     width: 70px;
-    height: 30px;
-    padding: 30px;
-    background-color: #454443;
-    border-radius: 10px;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 40%;
-    background-image: url('/static/icons/next.png');
-}
-  #back {
-    position: fixed;
-    top: 15%;
-    left: 35%;
-    width: 70px;
-    height: 30px;
-    padding: 30px;
-    background-color: #454443;
-    border-radius: 10px;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 30%;
-    background-image: url('/static/icons/back.png');
-}
-  #play{
-    position: fixed;
-    top: 15%;
-    left: 45%;
-    width: 70px;
-    height: 30px;
+    height: 300px;
     padding: 30px;
     background-color: #454443;
     border-radius: 10px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 60%;
+}
+
+
+#music-next {
+    background-image: url('/static/icons/next.png');
+}
+
+#music-back {
+    background-image: url('/static/icons/back.png');
+}
+
+#music-play {
     background-image: url('/static/icons/play.png');
 }
 
diff --git a/party/templates/session.html b/party/templates/session.html
index 9cfc119..1fa08d9 100644
--- a/party/templates/session.html
+++ b/party/templates/session.html
@@ -191,9 +191,9 @@
      <!-- Musik -->
     <article id="music">
         <h1>Musik</h1>
-        <button id="back"></button>
-        <button id="play"></button>
-        <button id="next"></button>
+        <button id="music-back"></button>
+        <button id="music-play"></button>
+        <button id="music-next"></button>
     </article>
 
      <!-- Mate -->