From 76b313467d1655208346e9a3a238e092c6d36a82 Mon Sep 17 00:00:00 2001
From: Hans Dijkema <hans@dijkewijk.nl>
Date: Tue, 17 Feb 2026 15:38:13 +0100
Subject: [PATCH] -

---
 .gitignore     |  2 ++
 rktplayer.html | 14 +++++++-------
 styles.css     |  8 +++++++-
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 39a4f9c..9de4614 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,8 @@
 
 # DrRacket autosave files
 *.rkt~
+*.html~
+*.css~
 *.rkt.bak
 \#*.rkt#
 \#*.rkt#*#
diff --git a/rktplayer.html b/rktplayer.html
index 30da4cf..b33d816 100644
--- a/rktplayer.html
+++ b/rktplayer.html
@@ -17,19 +17,19 @@
 		<button id="repeat" class="command"><img id="repeat-img" src="repeat.svg" /></button>
 		<button id="volume" class="command"><img id="volume-img" src="repeat.svg" /></button>
 	</div>
-	<div class="left-panel">
+        <div class="hpane">
+	   <div class="music-info">
 		<div class="music-library">
 			Library
 		</div>
 		<div class="album-art">
 			Album art
 		</div>
-	</div>
-	<div class="right-panel">
-		<div class="music-playing">
-			Music playing
-		</div>
-	</div>
+	   </div>
+           <div class="music-playing">
+               Music playing
+	   </div>
+       </div>
   </div>
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 8e27eab..ee4949d 100644
--- a/styles.css
+++ b/styles.css
@@ -6,8 +6,12 @@ body {
 .pane {
 	height: 100%;
 	width: 100%;
+        display: flex;
+        flex-direction: column;
 }
 
+
+
 .buttons {
 	height: 40px;
 	width: 100%;
@@ -35,7 +39,9 @@ span.h-slider {
 }
 
 .buttons span.time {
-	width: 5em;
+	width: 4em;
 	font-weight: bold;
 	text-align: center;
 }
+
+