fixed rendering of podcast section on admin/home for both desktop and…

… mobile
sentriz · May 15, 2022 · 64d8e01 · 64d8e01
1 parent 4fce8e6
commit 64d8e01
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git 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
@@ -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;
 }