From 0a1fc322d506f93fa3bec77b87a1f97d8e84ff5c Mon Sep 17 00:00:00 2001
From: Nino K <helsincraft@gmail.com>
Date: Tue, 9 Apr 2024 19:03:47 +0300
Subject: [PATCH] QOL and css changes

---
 src/Start.jsx  |  2 +-
 src/styles.css | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/Start.jsx b/src/Start.jsx
index 420b7cd..e512cbe 100644
--- a/src/Start.jsx
+++ b/src/Start.jsx
@@ -8,7 +8,7 @@ var stream = null;
 
 export default function Start() {
 
-    var [stream, setStream] = React.useState("https://yletv.akamaized.net/hls/live/622365/yletv1fin/index.m3u8")
+    var [stream, setStream] = useState("https://yletv.akamaized.net/hls/live/622365/yletv1fin/index.m3u8")
 
     return (
         <div className='player-wrapper'>
diff --git a/src/styles.css b/src/styles.css
index 98bea6f..7756caa 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -11,6 +11,10 @@
   -webkit-text-size-adjust: 100%;
 }
 
+* {
+  margin: 0
+}
+
 .container {
   margin: 0;
   padding-top: 10vh;
@@ -97,19 +101,17 @@ button:active {
   background-color: #0f0f0f69;  
 }
 
-body {
-  margin: 0
-}
-
 html, body {
   overflow: hidden;
 }
 
-.sidebar{
-  width: 45vh;
-  height:100vh;
-  background: rgb(49, 48, 48);
-  /* border-radius: 15px; */
+.sidebar {
+  width: 35rem;
+  height: 100vh;
+  padding: 2rem;
+  background: rgba(49, 48, 48, 0.9);
+  border-top-right-radius: 15px;
+  border-bottom-right-radius: 15px;
 }
 
 .react-player {