From 8125ddca06c57898f7615eca55ee2a5979150bdd Mon Sep 17 00:00:00 2001
From: jt404 <jt404@tutanota.com>
Date: Thu, 12 Oct 2023 03:21:34 +0200
Subject: [PATCH 1/2] Replace inline styling for download widget with css file

---
 assets/css/download-widget.css       | 3 +++
 src/invidious/frontend/watch_page.cr | 3 +--
 src/invidious/views/watch.ecr        | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 assets/css/download-widget.css

diff --git a/assets/css/download-widget.css b/assets/css/download-widget.css
new file mode 100644
index 00000000..b8391372
--- /dev/null
+++ b/assets/css/download-widget.css
@@ -0,0 +1,3 @@
+#download_widget {
+    width: 100%;
+}
diff --git a/src/invidious/frontend/watch_page.cr b/src/invidious/frontend/watch_page.cr
index 5fd81168..c8cb7110 100644
--- a/src/invidious/frontend/watch_page.cr
+++ b/src/invidious/frontend/watch_page.cr
@@ -42,8 +42,7 @@ module Invidious::Frontend::WatchPage
       str << translate(locale, "Download as: ")
       str << "</label>\n"
 
-      # TODO: remove inline style
-      str << "\t\t<select style=\"width:100%\" name='download_widget' id='download_widget'>\n"
+      str << "\t\t<select name='download_widget' id='download_widget'>\n"
 
       # Non-DASH videos (audio+video)
 
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index 62a154a4..c38dd039 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -28,6 +28,7 @@
 <meta name="twitter:player:height" content="720">
 <link rel="alternate" href="https://www.youtube.com/watch?v=<%= video.id %>">
 <%= rendered "components/player_sources" %>
+<link rel="stylesheet" href="/css/download-widget.css">
 <title><%= title %> - Invidious</title>
 
 <!-- Description expansion also updates the 'Show more' button to 'Show less' so

From d7ea5609b21ff585d0132a22f8742ba063773b2b Mon Sep 17 00:00:00 2001
From: jt404 <jt404@tutanota.com>
Date: Tue, 17 Oct 2023 01:00:14 +0200
Subject: [PATCH 2/2] move styles for download widget to default.css file

---
 assets/css/default.css         | 4 ++++
 assets/css/download-widget.css | 3 ---
 src/invidious/views/watch.ecr  | 1 -
 3 files changed, 4 insertions(+), 4 deletions(-)
 delete mode 100644 assets/css/download-widget.css

diff --git a/assets/css/default.css b/assets/css/default.css
index b4053b5c..5b5f597e 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -767,3 +767,7 @@ h1, h2, h3, h4, h5, p,
 .channel-emoji {
   margin: 0 2px;
 }
+
+#download_widget {
+    width: 100%;
+}
diff --git a/assets/css/download-widget.css b/assets/css/download-widget.css
deleted file mode 100644
index b8391372..00000000
--- a/assets/css/download-widget.css
+++ /dev/null
@@ -1,3 +0,0 @@
-#download_widget {
-    width: 100%;
-}
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index c38dd039..62a154a4 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -28,7 +28,6 @@
 <meta name="twitter:player:height" content="720">
 <link rel="alternate" href="https://www.youtube.com/watch?v=<%= video.id %>">
 <%= rendered "components/player_sources" %>
-<link rel="stylesheet" href="/css/download-widget.css">
 <title><%= title %> - Invidious</title>
 
 <!-- Description expansion also updates the 'Show more' button to 'Show less' so