From b95a4e8432bd3897a07d2aebd4c86ab12bbb534a Mon Sep 17 00:00:00 2001
From: broquemonsieur <bracero-uplink.08@icloud.com>
Date: Fri, 7 Jul 2023 16:49:17 -0700
Subject: [PATCH] Use text input for timestamp

---
 .gitignore                                           |  4 +++-
 assets/css/default.css                               | 11 ++++++++---
 src/invidious/views/components/compilation_video.ecr |  8 ++++----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 2a49e68d..a2703134 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,6 @@
 /invidious
 /sentry
 /config/config.yml
-.DS_Store
\ No newline at end of file
+.DS_Store
+docker-compose.yml
+Dockerfile
\ No newline at end of file
diff --git a/assets/css/default.css b/assets/css/default.css
index b5d8cfad..c238835f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -760,12 +760,17 @@ h1, h2, h3, h4, h5, p,
   margin: 0 2px;
 }
 
+input.compilation-video-timestamp {
+  width: 50px;
+  height: 20px;
+}
+
 div.compilation-video-panel {
   display:flex;
   justify-content:flex-start; 
   width:calc(100% - 20px); 
   height:100px; 
-  border:1px solid #f0f0f0; 
+  border:2px solid #ccc;
   margin: 10px; 
   /*background: #d9d9d9;*/
 }
@@ -802,12 +807,12 @@ span.compilation-video-title {
   overflow: hidden;
 }
 
-div.compilation-video-timestamps {
+div.compilation-video-timestamp-set {
   display:flex; 
   justify-content: flex-start;
+  align-items: center;
 }
 
-
 div.compilation-video-thumbnail {
   position: relative;
   box-sizing: border-box;
diff --git a/src/invidious/views/components/compilation_video.ecr b/src/invidious/views/components/compilation_video.ecr
index 6d6561a2..d3722b8c 100644
--- a/src/invidious/views/components/compilation_video.ecr
+++ b/src/invidious/views/components/compilation_video.ecr
@@ -26,10 +26,10 @@
                 <div class="compilation-video-title">
                     <span class="compilation-video-title" dir="auto"><%= HTML.escape(compilation_video.title) %></span>
                 </div> 
-                <div class="compilation-video-timestamps">
-                    <p>from</p>
-                    <input value="00:00:00" type="time" step="1">
-                    <p>to</p>
+                <div class="compilation-video-timestamp-set">
+                    <p style="margin-right:10px;">from</p>
+                    <input class="compilation-video-timestamp" placeholder="0:00" type="text">
+                    <p style="margin-right:10px;">to</p>
                     <input value="00:00:00" type="time" step="1">
                 </div>
             </div>