From 2dba32f10ecd4567e932a8b42958e0534dd2bbdd Mon Sep 17 00:00:00 2001
From: deflax <daniel@deflax.net>
Date: Thu, 6 Mar 2025 14:15:08 +0000
Subject: [PATCH] Create Image Button

---
 src/api/app/static/css/root.css  | 14 ++++++++++++++
 src/api/app/templates/watch.html |  4 +---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/api/app/static/css/root.css b/src/api/app/static/css/root.css
index 50e39e2..16b6e5b 100644
--- a/src/api/app/static/css/root.css
+++ b/src/api/app/static/css/root.css
@@ -115,3 +115,17 @@ video {
     text-decoration: none;
     color: inherit;
 }
+
+a.image-button {
+    padding: 1px 6px;
+    border: 1px outset buttonborder;
+    border-radius: 3px;
+    color: buttontext;
+    background-color: buttonface;
+    text-decoration: none;
+    cursor: pointer;
+    width: 100px;
+    height: 50px;
+    background-image: url('/static/images/logo.png');
+    background-size: cover;
+}
\ No newline at end of file
diff --git a/src/api/app/templates/watch.html b/src/api/app/templates/watch.html
index a2c1e14..62e66a3 100644
--- a/src/api/app/templates/watch.html
+++ b/src/api/app/templates/watch.html
@@ -43,9 +43,7 @@
                 <source src="{{ url_for('video_route', video_file=video_file) }}" type="video/mp4">
             </video>
             <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>
+            <a href="{{ url_for('root_route') }}" class="image-button">Live Stream</a>
             </div>
         </div>
         <div class="col-xs-12 col-md-1">