From fe346642fbdeb28dfdfacd056d20b30464d120ac Mon Sep 17 00:00:00 2001
From: Jessej Samuel <1234jessej@gmail.com>
Date: Sat, 8 Jan 2022 15:54:44 +0530
Subject: [PATCH] Fix: Moved progressbar above player controls

---
 src/components/Player.js | 3 ++-
 src/index.css            | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Player.js b/src/components/Player.js
index 1cb0477..2646a30 100644
--- a/src/components/Player.js
+++ b/src/components/Player.js
@@ -83,6 +83,7 @@ const Player = ({
 
     return (
         <div id="player">
+            <SongTime />
             <div
                 className="control"
                 id={shuffled ? `active` : null}
@@ -107,7 +108,7 @@ const Player = ({
                 {forwardsSvg}
             </div>
             <Progress />
-            <SongTime />
+            
 
             <audio
                 id="main-track"
diff --git a/src/index.css b/src/index.css
index 9eb4ca6..f9e2125 100644
--- a/src/index.css
+++ b/src/index.css
@@ -25,7 +25,7 @@ code {
     background-color: rgb(15, 23, 42);
     display: grid;
     grid-template-columns: repeat(12, 1fr);
-    grid-template-rows: repeat(8, 1fr) 4px;
+    grid-template-rows: repeat(8, 1fr);
 }
 
 #active {