From f0640685f55edf4fc81c76abff7953adb9b0a04c Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Wed, 15 May 2024 18:40:34 +0100
Subject: Tinkering with CSS

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

(limited to 'pyblackbird_cc/templates')

diff --git a/pyblackbird_cc/templates/resources/resource_list.html b/pyblackbird_cc/templates/resources/resource_list.html
index 5efd9bd..cb924d6 100644
--- a/pyblackbird_cc/templates/resources/resource_list.html
+++ b/pyblackbird_cc/templates/resources/resource_list.html
@@ -14,15 +14,16 @@
         include buttons for adding new resources, etc.
       </p>
       <div class="col">
-        <div class="d-flex flex-row justify-content-between">
+        <div class="d-flex flex-row flex-wrap justify-content-between">
           <div>
-            <a class="btn btn-primary" href="{% url 'resources:create_resource' %} ">Add a new resource</a>
+            <a class="btn btn-primary my-md-2"
+               href="{% url 'resources:create_resource' %} ">Add a new resource</a>
           </div>
-          <div class="bg-danger p-2 text-dark bg-white border border-1 border-danger">
+          <div class="bg-danger p-2 my-2 text-dark bg-white border border-1 border-danger">
             Logged in as
             <strong>{{ request.user.email }}</strong>
           </div>
-          <div>
+          <div class="my-md-2">
             <form action="{% url 'account_logout' %}" method="post">
               {% csrf_token %}
               <button type="submit" class="btn btn-primary">Log out</button>
@@ -32,18 +33,17 @@
       </div>
     </div>
   {% endif %}
+  <div class="row my-4 text-center">
+    <div class="col">
+      <h5 class="display-6">Featured resources</h5>
+    </div>
+  </div>
   <div class="row my-4">
     <div class="col">
       {% if resource_list %}
         <div class="d-flex flex-row justify-content-between flex-wrap">
           {% for resource in resource_list %}
             <div class="card mx-2 mt-2" style="width: 22rem;">
-              <div class="card-header position-relative">
-                <div class="text-success">
-                  Featured
-                  <!-- <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">£5.99!</span> -->
-                </div>
-              </div>
               <img class="card-img-top"
                    src="{{ resource.thumbnail_urls|first }}"
                    alt="{{ resource.thumbnail_filename }}" />
-- 
cgit v1.2.3