-

.gitignore

@@ -4,6 +4,8 @@
 
 # DrRacket autosave files
 *.rkt~
+*.html~
+*.css~
 *.rkt.bak
 \#*.rkt#
 \#*.rkt#*#

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>

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;
 }
+
+