From 4b0f9c66d6e6b300ab6c88f8aa7230e238074cd0 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sun, 26 May 2024 21:07:09 +0100
Subject: Tweaking the layout of the list page

---
 pyblackbird_cc/templates/resources/resource_list.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'pyblackbird_cc/templates/resources')

diff --git a/pyblackbird_cc/templates/resources/resource_list.html b/pyblackbird_cc/templates/resources/resource_list.html
index 88c6a79..1420c0b 100644
--- a/pyblackbird_cc/templates/resources/resource_list.html
+++ b/pyblackbird_cc/templates/resources/resource_list.html
@@ -45,7 +45,7 @@
         </div>
         <div class="d-flex flex-row justify-content-between flex-wrap">
           {% for resource in featured_resources %}
-            <div class="card mx-2 mt-2" style="width: 24rem;">
+            <div class="card mx-2 mt-2 shadow-sm border border-primary border-width-4" style="width: 24rem;">
               <img class="card-img-top"
                    src="{{ resource.thumbnail_urls|first }}"
                    alt="{{ resource.thumbnail_filename }}" />
@@ -73,7 +73,7 @@
                    class="btn btn-primary">Details</a>
                 {% if request.user.is_authenticated and request.user.is_staff %}
                   <a href="{% url "resources:resource_update_metadata" resource.id %}"
-                     class="btn btn-primary">Edit</a>
+                     class="btn btn-outline-primary">Edit</a>
                 {% endif %}
               </div>
             </div>
@@ -93,7 +93,7 @@
           </div>
           <div class="d-flex flex-row justify-content-center flex-wrap">
             {% for resource in resource_list %}
-              <div class="card mx-4 mt-4" style="width: 32rem;">
+              <div class="card mx-4 mt-4 border border-width-1" style="width: 17rem;">
                 <img class="card-img-top"
                      src="{{ resource.thumbnail_urls|first }}"
                      alt="{{ resource.thumbnail_filename }}" />
@@ -113,10 +113,10 @@
                     <p class="card-text my-3">{{ resource.description | markdown | safe }}</p>
                   {% endif %}
                   <a href="{% url 'resources:resource_detail' resource_id=resource.id %}"
-                     class="btn btn-primary">Details</a>
+                     class="btn btn-primary btn-sm">Details</a>
                   {% if request.user.is_authenticated and request.user.is_staff %}
                     <a href="{% url "resources:resource_update_metadata" resource.id %}"
-                       class="btn btn-primary">Edit</a>
+                       class="btn btn-outline-primary btn-sm">Edit</a>
                   {% endif %}
                 </div>
               </div>
-- 
cgit v1.2.3