From 6fc9c350b88ece7e819575eb8689c41efeedf91e Mon Sep 17 00:00:00 2001
From: Yoriiis <joris.daniel@gmail.com>
Date: Thu, 4 Jan 2024 16:17:17 +0100
Subject: [PATCH] Increase progress bar height

---
 src/components/control-bar/control-bar.css | 11 +++++------
 src/core/vlite.css                         |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/control-bar/control-bar.css b/src/components/control-bar/control-bar.css
index 9ba04fd3..27984eaf 100644
--- a/src/components/control-bar/control-bar.css
+++ b/src/components/control-bar/control-bar.css
@@ -96,7 +96,7 @@
 		position: relative;
 		width: 100%;
 		height: var(--vlite-controlBarHeight);
-		padding-top: var(--vlite-progressBarHeight);
+		padding-top: calc(var(--vlite-progressBarHeight) + 10px);
 		text-align: right;
 		padding-left: var(--vlite-controlBarHorizontalPadding);
 		padding-right: var(--vlite-controlBarHorizontalPadding);
@@ -117,6 +117,7 @@
 
 		.v-progressBar {
 			order: 2;
+			height: 25px;
 		}
 
 		.v-time {
@@ -132,15 +133,11 @@
 		.v-controlBar {
 			padding-top: 0;
 		}
-
-		.v-progressBarStyle {
-			height: 25px;
-		}
 	}
 
 	&-video {
 		.v-progressBar {
-			height: var(--vlite-progressBarHeight);
+			height: calc(var(--vlite-progressBarHeight) + 10px);
 		}
 
 		.v-controlBar {
@@ -154,6 +151,8 @@
 				top: 0;
 				left: 50%;
 				transform: translateX(-50%);
+				display: flex;
+				align-items: flex-end;
 			}
 		}
 	}
diff --git a/src/core/vlite.css b/src/core/vlite.css
index dd020d1f..664c7bbc 100644
--- a/src/core/vlite.css
+++ b/src/core/vlite.css
@@ -3,7 +3,7 @@
 	--vlite-transition: 0.25s ease;
 
 	/* Control bar */
-	--vlite-controlBarHeight: 50px;
+	--vlite-controlBarHeight: 60px;
 	--vlite-controlBarHorizontalPadding: 10px;
 	--vlite-controlBarBackground: linear-gradient(to top, #000 -50%, transparent);