fixes UI

static/main.css

@@ -235,6 +235,10 @@ body {
     left: 0;
 }
 
+.header.full {
+    display: none;
+}
+
 video {
     width: 180px;
     height: 200px;

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');
         }
     }
 

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>