From 0929fbf171d0b167c671f23f5f850691d54c93be Mon Sep 17 00:00:00 2001
From: Trent Palmer <trenttdually@gmail.com>
Date: Wed, 17 Mar 2021 10:17:21 -0700
Subject: [PATCH] tweak attribution ui elements

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

diff --git a/audio/templates/audio/feeds.html b/audio/templates/audio/feeds.html
index 19d49bd..52dad79 100644
--- a/audio/templates/audio/feeds.html
+++ b/audio/templates/audio/feeds.html
@@ -21,15 +21,14 @@
                 </div>
                 <div class="col-9 d-flex flex-column justify-content-around">
                     <p class="text-center mb-2 mt-3">{{ i.created_on }}</p>
-                    <div class="d-flex flex-row justify-content-around">
-                      <p><a type="button" class="btn btn-dark" href="{% url 'audio:feed' pk=i.pk slug=i.slug %}">Items</a></p>
-                      <p><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
+                    <div class="d-flex flex-row justify-content-around align-items-center">
+                      <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:feed' pk=i.pk slug=i.slug %}">Items</a></p>
+                      <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
                     </div>
+                    <a href="#x{{ i.slug }}-attributions" data-toggle="collapse" class="text-center">license/attribution</a>
                 </div>
               </div>
-                    <p class="text-justify mt-2 mb-0">{{ i.description }}</p>
-                    <a href="#x{{ i.slug }}-attributions" data-toggle="collapse">license/attribution</a>
-                    <div id="x{{ i.slug }}-attributions" class="collapse">
+                    <div id="x{{ i.slug }}-attributions" class="collapse text-justify">
                       Photo <a href="{{ i.original_image_url }}">{{ i.image_title }}</a> by
                       {% if i.image_attribution_url == '' %}
                         {{ i.image_attribution }}
@@ -37,8 +36,9 @@
                         <a href="{{ i.image_attribution_url }}">{{ i.image_attribution }}</a>
                       {% endif %}
                       is licensed <a href="{{ i.image_license_url }}">{{ i.image_license_name }}</a>
-                      {{ i.image_license_jurisdiction }}.
+                      {{ i.image_license_jurisdiction }}.<hr class="my-1">
                     </div>
+                    <p class="text-justify mt-2 mb-0">{{ i.description }}</p>
             </div>
           </div>
 
diff --git a/audio/templates/audio/index.html b/audio/templates/audio/index.html
index e89c2cf..7a141a6 100644
--- a/audio/templates/audio/index.html
+++ b/audio/templates/audio/index.html
@@ -39,19 +39,18 @@
                 <div class="col-9 d-flex flex-column justify-content-around">
                     <p class="text-center mb-2 mt-3">{{ j.pub_date }}</p>
                   <div class="d-flex flex-row justify-content-around">
-                    <p><a type="button" class="btn btn-dark" href="{% url 'audio:episode' pk=j.pk slug=j.slug %}">Link</a></p>
+                    <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:episode' pk=j.pk slug=j.slug %}">Link</a></p>
                     {% if add_feed_link %}
-                      <p><a type="button" class="btn btn-dark" href="{% url 'audio:feed' pk=j.feed.id slug=j.feed.slug %}">Feed</a></p>
+                      <p class="mb-1"><a type="button" class="btn btn-dark" href="{% url 'audio:feed' pk=j.feed.id slug=j.feed.slug %}">Feed</a></p>
                     {% endif %}
-                    <p><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="{% url 'audio:rss' slug=j.feed.slug %}">RSS</a></p>
                   </div>
+                    <a href="#x{{ j.slug }}-attributions" data-toggle="collapse" class="text-center">license/attribution</a>
                 </div>
               </div>
             </div>
             <div class="container w-100 mb-2">
-              <p class="text-justify mb-0">{{ j.description }}</p>
-                    <a href="#x{{ j.slug }}-attributions" data-toggle="collapse">license/attribution</a>
-                    <div id="x{{ j.slug }}-attributions" class="collapse">
+                    <div id="x{{ j.slug }}-attributions" class="collapse text-justify">
                       Photo <a href="{{ j.original_image_url }}">{{ j.image_title }}</a> by
                       {% if j.image_attribution_url == '' %}
                         {{ j.image_attribution }}
@@ -59,8 +58,9 @@
                         <a href="{{ j.image_attribution_url }}">{{ j.image_attribution }}</a>
                       {% endif %}
                       is licensed <a href="{{ j.image_license_url }}">{{ j.image_license_name }}</a>
-                      {{ j.image_license_jurisdiction }}.
+                      {{ j.image_license_jurisdiction }}.<hr class="my-1">
                     </div>
+              <p class="text-justify mb-0">{{ j.description }}</p>
               <audio controls class="btn btn-dark w-100 mt-3">
                 <source src="{{ MP3_URL }}{{ j.mp3 }}" type="audio/mpeg">
                 Your browser does not support the audio tag.