From 843f7b8a3c0b586f25a05c86d14f06ee5960ad8f Mon Sep 17 00:00:00 2001
From: Trent Palmer <trenttdually@gmail.com>
Date: Wed, 3 Mar 2021 18:35:06 -0800
Subject: [PATCH] tweek feed and episode cards layout

---
 audio/templates/audio/feeds.html | 58 +++++++++++++++-----------------
 audio/templates/audio/index.html | 11 +++---
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/audio/templates/audio/feeds.html b/audio/templates/audio/feeds.html
index 0bfccc5..d54ae11 100644
--- a/audio/templates/audio/feeds.html
+++ b/audio/templates/audio/feeds.html
@@ -9,46 +9,44 @@
       <div class="col-0 col-sm-3">
       </div>
       <div class="col-12 col-sm-6 px-0 mx-0">
-      {% for i in feeds %}
-        <div class="card mx-1 mb-3">
-          <h3 class="text-center mt-2">
-            {{ i.title }}
-          </h3>
-          <div class="container w-100 mb-2">
-            <div class="row">
-              <div class="col-3 d-flex flex-column justify-content-center">
-                <img src="{{ IMAGES_URL }}{{ i.image }}">
-              </div>
-              <div class="col-9 d-flex flex-row justify-content-center">
-                <div class="d-flex flex-column justify-content-center">
-                  <p>{{ i.created_on }}</p>
-                  <p><a href="{% url 'audio:feed' pk=i.pk slug=i.slug %}">{{ i.title }}</a></p>
-                  <p><a href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
-                  <p>{{ i.description }}</p>
+        {% for i in feeds %}
+          <div class="card mx-1 mb-3">
+            <h3 class="text-center mt-2">
+              {{ i.title }}
+            </h3>
+            <div class="container w-100 mb-2">
+              <div class="row">
+                <div class="col-3 d-flex flex-column justify-content-center">
+                  <img src="{{ IMAGES_URL }}{{ i.image }}">
+                </div>
+                <div class="col-9 d-flex flex-column justify-content-center">
+                    <p class="text-center mb-2 mt-3">{{ i.created_on }}</p>
+                    <div class="d-flex flex-row justify-content-around mt-3">
+                      <p><a href="{% url 'audio:feed' pk=i.pk slug=i.slug %}">Items</a></p>
+                      <p><a href="{% url 'audio:rss' slug=i.slug %}">RSS</a></p>
+                    </div>
                 </div>
               </div>
+                    <p class="text-justify mt-2 mb-0">{{ i.description }}</p>
             </div>
           </div>
 
-          {% if user.is_authenticated %}
-            {% if user == i.user %}
-              <div class="container w-100 d-flex justify-content-around my-1">
-                <div>
-                  <a href="{% url 'audio:edit_feed' pk=i.pk title_slug=i.slug %}">Edit Feed?</a>
+            {% if user.is_authenticated %}
+              {% if user == i.user %}
+                <div class="container w-100 d-flex justify-content-around my-1">
+                  <div>
+                    <a href="{% url 'audio:edit_feed' pk=i.pk title_slug=i.slug %}">Edit Feed?</a>
+                  </div>
+                  <div>
+                    <a href="{% url 'audio:new_episode' feed_pk=i.pk feed_title_slug=i.slug %}">New Episode?</a>
+                  </div>
                 </div>
-                <div>
-                  <a href="{% url 'audio:new_episode' feed_pk=i.pk feed_title_slug=i.slug %}">New Episode?</a>
-                </div>
-              </div>
+              {% endif %}
             {% endif %}
-          {% endif %}
-
-        </div>
-      {% endfor %}
+        {% endfor %}
       </div>
       <div class="col-0 col-sm-3">
       </div>
     </div>
-  </div>
 
 {% endblock %}
diff --git a/audio/templates/audio/index.html b/audio/templates/audio/index.html
index 799de4a..735971d 100644
--- a/audio/templates/audio/index.html
+++ b/audio/templates/audio/index.html
@@ -24,6 +24,7 @@
             </div>
           {% endif %}
         {% endif %}
+
         {% for j in episodes %}
           <div class="card mx-1 mb-3">
             <h3 class="text-center mt-2">
@@ -34,17 +35,17 @@
                 <div class="col-3 d-flex flex-column justify-content-center">
                   <img src="{{ IMAGES_URL }}{{ j.image }}">
                 </div>
-                <div class="col-9 d-flex flex-row justify-content-center">
-                  <div class="d-flex flex-column justify-content-center">
-                    <p>{{ j.pub_date }}</p>
-                    <p><a href="{% url 'audio:episode' pk=j.pk slug=j.slug %}">{{ j.title }}</a></p>
+                <div class="col-9 d-flex flex-column justify-content-center">
+                    <p class="text-center mb-2 mt-3">{{ j.pub_date }}</p>
+                  <div class="d-flex flex-row justify-content-around mt-3">
+                    <p><a href="{% url 'audio:episode' pk=j.pk slug=j.slug %}">Link</a></p>
                     <p><a href="{% url 'audio:rss' slug=j.feed.slug %}">RSS</a></p>
-                    <p>{{ j.description }}</p>
                   </div>
                 </div>
               </div>
             </div>
             <div class="container w-100 mb-2 text-center">
+              <p class="text-justify">{{ j.description }}</p>
               <audio controls class="btn btn-dark w-100">
                 <source src="{{ MP3_URL }}{{ j.mp3 }}" type="audio/mpeg">
                 Your browser does not support the audio tag.