From a5d80f4e01814bae9eae92c4c3616aec41ac629c Mon Sep 17 00:00:00 2001
From: Carl Pearson <srht@carlpearson.net>
Date: Wed, 25 Sep 2024 06:08:16 -0600
Subject: [PATCH] video page styling

---
 README.md              |  1 +
 static/style/video.css | 16 ++++++++++++----
 templates/video.html   |  4 ++--
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index fbfcca9..a7393c9 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,7 @@ Build and push this container to ghcr
 - [ ] change from Audio -> Video
 - [x] Provide a better name for downloaded files
 - [x] Environment variable to control whether "Secure" flag set on cookie
+- [ ] Allow custom FPS for video transcode
 - [ ] Provide an about page
   - `ffmpeg` version
   - `yt-dlp` version
diff --git a/static/style/video.css b/static/style/video.css
index f045956..6b41ff4 100644
--- a/static/style/video.css
+++ b/static/style/video.css
@@ -19,6 +19,18 @@ button {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
+.media-card button {
+    display: inline-block;
+    padding: 10px 15px;
+    text-decoration: none;
+    border-radius: 4px;
+}
+
+.new-transcode button {
+    background-color: green;
+    color: white;
+}
+
 .media-card h3 {
     padding: 15px;
     margin: 0;
@@ -57,12 +69,8 @@ button {
 }
 
 .media-controls button {
-    display: inline-block;
-    padding: 10px 15px;
     background-color: red;
     color: white;
-    text-decoration: none;
-    border-radius: 4px;
 }
 
 /* narrower than 600px */
diff --git a/templates/video.html b/templates/video.html
index cac91c7..dad204c 100644
--- a/templates/video.html
+++ b/templates/video.html
@@ -36,7 +36,7 @@
             {{end}}
         </div>
         {{end}}
-        <div class="media-card">
+        <div class="media-card new-transcode">
             <form action="/transcode_to_video/{{.original.ID}}" method="post">
                 <input type="hidden" name="original_id" value="{{.original.ID}}">
                 <label for="height-select">Height:</label>
@@ -72,7 +72,7 @@
             {{end}}
         </div>
         {{end}}
-        <div class="media-card">
+        <div class="media-card new-transcode">
             <form action="/transcode_to_audio/{{.original.ID}}" method="post">
                 <input type="hidden" name="original_id" value="{{.original.ID}}">
                 <label for="kbps-select">Kbps:</label>