video page styling

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

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 */

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>