summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/css/download-widget.css3
-rw-r--r--src/invidious/frontend/watch_page.cr3
-rw-r--r--src/invidious/views/watch.ecr1
3 files changed, 5 insertions, 2 deletions
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