From 32ffeb71cf57d529f17d57dd05dd5a15c4fe5a6c Mon Sep 17 00:00:00 2001
From: biglyderv <eggseggsarecool+git@gmail.com>
Date: Mon, 25 Nov 2024 14:12:44 -0500
Subject: [PATCH] fixes UI

---
 static/main.css  | 4 ++++
 static/main.js   | 7 +++++--
 views/player.ejs | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/static/main.css b/static/main.css
index 3769025..517ce74 100644
--- a/static/main.css
+++ b/static/main.css
@@ -235,6 +235,10 @@ body {
     left: 0;
 }
 
+.header.full {
+    display: none;
+}
+
 video {
     width: 180px;
     height: 200px;
diff --git a/static/main.js b/static/main.js
index 32a7ee5..17df8dd 100644
--- a/static/main.js
+++ b/static/main.js
@@ -41,6 +41,7 @@ function controls(vid) {
     let bar = vid.querySelector('.progressbar');
     let video = vid.querySelector('video');
     let play = vid.querySelector('.play');
+    let h = document.querySelector('.header');
 
     video.onclick = play.onclick = () => {
         play.querySelector('img').src = !video.paused ? '/static/img/play.svg' : '/static/img/stop.svg';
@@ -56,9 +57,11 @@ function controls(vid) {
         isFull = !isFull;
         e.target.src = isFull ? '/static/img/tiny.svg' : '/static/img/full.svg';
         if (isFull) {
-            vid.classList.add('full')
+            vid.classList.add('full');
+            h.classList.add('full');
         } else {
-            vid.classList.remove('full')
+            vid.classList.remove('full');
+            h.classList.remove('full');
         }
     }
 
diff --git a/views/player.ejs b/views/player.ejs
index 7ee149d..f1acdb0 100644
--- a/views/player.ejs
+++ b/views/player.ejs
@@ -22,7 +22,7 @@
                 <img src='/pfp/<%= videoData.username %>.png' class='avatar-img'>
                 <div>
                     <b><a class='link' href="/client/user?id=<%= videoData.username %>">
-                            @<%= videoData.username %></a></b>
+                            <%= videoData.username %></a></b>
                     </a>
                 </div>
             </div>