[miniflux] Style ydlpd integration with CSS.

diff --git a/miniflux/rss.conf b/miniflux/rss.conf
index 9cc60e6029c6b4f1dfe77adc4c7e91410a870e34..76d7856d3899e4c7a9d0429665102dd0a1ceca94 100644 (file)
--- a/miniflux/rss.conf
+++ b/miniflux/rss.conf
@@ -35,6 +35,10 @@ server {
         fastcgi_param SCRIPT_FILENAME ${dollar}document_root/ydlpd.sh;
     }
 
+    location = /ydlpd.css {
+        try_files /ydlpd.css =404;
+    }
+
     location / {
         proxy_pass http://127.0.0.1:4080;
         proxy_redirect off;

diff --git a/miniflux/ydlpd.css b/miniflux/ydlpd.css
new file mode 100644 (file)
index 0000000..bd3baef
--- /dev/null
+++ b/miniflux/ydlpd.css
@@ -0,0 +1,24 @@
+#ydlpd {
+  width: 100%;
+}
+#ydlpd fieldset {
+  background-color: #7fa99b;
+  border: solid;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  row-gap: 5px;
+  width: 100%;
+}
+#ydlpd input {
+  width: 100%;
+}
+#ydlpd select, button {
+  font-size: .7em;
+  height: 100%;
+  padding: 5px;
+}
+#ydlpd .container {
+  display: flex;
+  justify-content: space-evenly;
+}

diff --git a/miniflux/ydlpd.sh b/miniflux/ydlpd.sh
index 3f3b3fab1c4ba596acf3db49fd89ff1c77c11898..48fbb69bb6ae427222a7ee103e28a6f00543596e 100755 (executable)
--- a/miniflux/ydlpd.sh
+++ b/miniflux/ydlpd.sh
@@ -18,7 +18,10 @@
 
 . /etc/environment
 
+# Miniflux page's configuration does not permit defining CSS in <style> or
+# inline. However, it can be defined in a stylesheet file.
 PAGE=$(echo "\
+<link rel='stylesheet' href='/ydlpd.css'>
 <form id='ydlpd' action='https://yt.${private_domain}/download'>
   <fieldset>
     <input type='text' id='url' name='url' value='${URL}' required />