From 64d8e014b3f46d43186d9e71eb3072bfad98bb3f Mon Sep 17 00:00:00 2001
From: brian-doherty <76168809+brian-doherty@users.noreply.github.com>
Date: Sun, 15 May 2022 09:08:17 -0500
Subject: [PATCH] fixed rendering of podcast section on admin/home for both
 desktop and mobile

---
 server/assets/pages/home.tmpl | 8 ++++----
 server/assets/static/main.css | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/server/assets/pages/home.tmpl b/server/assets/pages/home.tmpl
index da2484c..6293760 100644
--- a/server/assets/pages/home.tmpl
+++ b/server/assets/pages/home.tmpl
@@ -177,15 +177,15 @@
         <div class="box-description text-light">
             <p>you can add podcasts rss feeds here</p>
         </div>
-        <div class="block-right">
+        <div>
             <table id="podcast-preferences">
             {{ range $pref := .Podcasts }}
                 <tr>
                     <form id="podcast-{{ $pref.ID }}-download" action="{{ printf "/admin/download_podcast_do?id=%d" $pref.ID | path }}" method="post"></form>
                     <form id="podcast-{{ $pref.ID }}-auto-download" action="{{ printf "/admin/update_podcast_do?id=%d" $pref.ID | path }}" method="post"></form>
                     <form id="podcast-{{ $pref.ID }}-delete" action="{{ printf "/admin/delete_podcast_do?id=%d" $pref.ID | path }}" method="post"></form>
-                    <td>{{ $pref.Title }}</td>
-                    <td><select form="podcast-{{ $pref.ID }}-auto-download" name="setting">
+                    <td class="text-full">{{ $pref.Title }}</td>
+                    <td><select class="no-small" form="podcast-{{ $pref.ID }}-auto-download" name="setting">
                         {{ if eq $pref.AutoDownload "latest" }}
                           <option value="latest" selected="selected">download latest</option>
                           <option value="none">no auto download</option>
@@ -194,7 +194,7 @@
                           <option value="latest">download latest</option>
                         {{ end }}
                     </select></td>
-                    <td><input form="podcast-{{ $pref.ID }}-download" type="submit" value="download all"></td>
+                    <td><input class="no-small" form="podcast-{{ $pref.ID }}-download" type="submit" value="download all"></td>
                     <td><input form="podcast-{{ $pref.ID }}-auto-download" type="submit" value="save"></td>
                     <td><input form="podcast-{{ $pref.ID }}-delete" type="submit" value="delete"></td>
                 </tr>
diff --git a/server/assets/static/main.css b/server/assets/static/main.css
index 280de6f..c335d92 100644
--- a/server/assets/static/main.css
+++ b/server/assets/static/main.css
@@ -57,6 +57,10 @@ input[type="password"] {
   width: 100%;
 }
 
+input[type="submit"] {
+  width: fit-content;
+}
+
 form.block {
   max-width: var(--width-form);
   margin-left: auto;
@@ -155,6 +159,10 @@ a:hover {
   color: #444;
 }
 
+.text-full {
+  width: 100%;
+}
+
 .block-right > * {
   margin-left: auto;
 }