Layout changes

apps/templates/home/main.html

@@ -66,16 +66,14 @@
             <div class="masonry-item col-12">
                 <hr>
             </div>
-      
-            <div class="masonry-item col-12">
-                <div id="subscriptionContainer" class="row gap-20">
+        </div>
+        <div class="container-fluid mT-10 pX-0">
+            <div id="subscriptionContainer" class="row gap-20">
 
-                    <!-- Subscriptions Here! -->
+                <!-- Subscriptions Here! -->
 
-                </div>
             </div>
         </div>
-
     </div>
 </main>
 
@@ -84,7 +82,7 @@
 <!-- Specific Page JS goes HERE  -->
 {% block javascripts %}
 <script id="subItemTemplate" type="text/template">
-    <div class="col-md-3">
+    <div class="col-md-4 col-xxl-3">
         <div class="layers bd bg-body p-20 h-100">
             <div class="layer w-100 mB-10">
                 <h5 class="lh-1 sub-name"></h5>
@@ -93,11 +91,14 @@
                 <h6 class="lh-1">UUID</h6>
                 <span class=sub-uuid></span>
             </div>
-            <div class="layer w-100 mB-5">
+            <div class="layer w-100 mB-10">
                 <h6 class="lh-1">RSS URL</h6>
                 <a class="sub-rss"></a>
             </div>
-            <div class="layer d-flex flex-wrap w-100">
+            <div class="layer w-100 mB-5">
+                <img class="sub-img mw-100" height="75">
+            </div>
+            <div class="layer d-flex flex-wrap w-100 mt-auto">
                 <div class="me-auto">
                     <button class="btn btn-sm btn-primary mR-5 mT-10">Link to Channel</button>
                 </div>
@@ -115,6 +116,7 @@
         template.find(".sub-name").text(data.name);
         template.find(".sub-uuid").text(data.uuid);
         template.find(".sub-rss").text(data.rss_url);
+        template.find(".sub-img").attr("src", data.image)
         return template
     }