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] 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