From c4f79d39aba26a788765deb1867f842c21f98c66 Mon Sep 17 00:00:00 2001
From: Trent Palmer <trenttdually@gmail.com>
Date: Fri, 16 Apr 2021 18:12:23 -0700
Subject: [PATCH] update podcast buttons layout in feeds.html and index.html

---
 audio/templates/audio/feeds.html | 11 ++++++-----
 audio/templates/audio/index.html | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/audio/templates/audio/feeds.html b/audio/templates/audio/feeds.html
index 4f16b39..64b0e53 100644
--- a/audio/templates/audio/feeds.html
+++ b/audio/templates/audio/feeds.html
@@ -30,12 +30,13 @@
               </div>
                     <div id="x{{ i.slug }}-rss" class="collapse">
                       <hr class="my-2">
+                      <div class="text-justify">
+                        <p>If you have a podcast client such as AntennaPod, Podcast Addict, Clementine, or BeyondPod installed, you can try ITPC.</p>
+                        <p>Or you can paste the rss link into your client.</p>
+                      </div>
                       <div class="d-flex flex-row justify-content-around flex-wrap">
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ i.get_itpc_rss }}">BeyondPod</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ i.get_itpc_rss }}">Other ITPC</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ i.get_itpc_rss }}">AntennaPod</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ i.get_itpc_rss }}">Podcast Addict</a></p>
+                        <p><a type="button" class="btn btn-dark" href="{{ i.get_itpc_rss }}">ITPC</a></p>
+                        <p><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
                       </div>
                       <hr class="my-1">
                     </div>
diff --git a/audio/templates/audio/index.html b/audio/templates/audio/index.html
index bbf3c92..843f971 100644
--- a/audio/templates/audio/index.html
+++ b/audio/templates/audio/index.html
@@ -57,12 +57,13 @@
             <div class="container w-100 mb-2">
                     <div id="x{{ j.slug }}-rss" class="collapse">
                       <hr class="my-2">
+                      <div class="text-justify">
+                        <p>If you have a podcast client such as AntennaPod, Podcast Addict, Clementine, or BeyondPod installed, you can try ITPC.</p>
+                        <p>Or you can paste the rss link into your client.</p>
+                      </div>
                       <div class="d-flex flex-row justify-content-around flex-wrap">
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ j.feed.get_itpc_rss }}">BeyondPod</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=j.feed.slug %}">RSS</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ j.feed.get_itpc_rss }}">Other ITPC</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ j.feed.get_itpc_rss }}">AntennaPod</a></p>
-                        <p class="mb-1"><a type="button" class="btn btn-dark" href="{{ j.feed.get_itpc_rss }}">Podcast Addict</a></p>
+                        <p><a type="button" class="btn btn-dark" href="{{ j.feed.get_itpc_rss }}">ITPC</a></p>
+                        <p><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=j.feed.slug %}">RSS</a></p>
                       </div>
                       <hr class="my-1">
                     </div>