From c1f6fd08c2ec595df203db6dd6b3d7d51013e6dd Mon Sep 17 00:00:00 2001
From: deflax <daniel@deflax.net>
Date: Thu, 6 Mar 2025 14:03:33 +0000
Subject: [PATCH] Redesign gallery index and player

---
 src/api/app/static/css/root.css  | 6 +++---
 src/api/app/templates/watch.html | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/api/app/static/css/root.css b/src/api/app/static/css/root.css
index a737182..50e39e2 100644
--- a/src/api/app/static/css/root.css
+++ b/src/api/app/static/css/root.css
@@ -59,7 +59,7 @@ video {
     .gallery {
         display: grid;
         grid-gap: 7px;
-        grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
   }
 }
 
@@ -68,9 +68,9 @@ video {
     position: relative;
     cursor: pointer;
     box-sizing: border-box;
-    border: solid 1px rgb(132, 4, 217);
+    border: solid 3px #cc4b0a;
     border-radius: 5px;
-    background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%);
+    background: linear-gradient(90deg, #8404d9 0%, #cc4b0a 20%, #8404d9 90%, rgba(252, 176, 69, 0) 100%);
 }
 
 .gallery .gallery-item:hover img {
diff --git a/src/api/app/templates/watch.html b/src/api/app/templates/watch.html
index f792159..a2c1e14 100644
--- a/src/api/app/templates/watch.html
+++ b/src/api/app/templates/watch.html
@@ -42,8 +42,9 @@
             <video id="player" controls crossorigin playsinline poster="{{ url_for('thumb_route', thumb_file=thumb_file) }}">
                 <source src="{{ url_for('video_route', video_file=video_file) }}" type="video/mp4">
             </video>
-	    <button type="button" class="btn btn-lg btn-primary" onclick="history.back()">
-                <i class="fa-solid fa-arrow-left"></i> Back
+            <br />
+            <img src="https://deflax.net/static/images/logo.png" alt="">
+            <a href="{{ url_for('root_route') }}"><i class="fa-solid fa-arrow-left"></i> Live Stream</a>               
             </button>
             </div>
         </div>