From bcf17ab2823d26a517101c344321eb7a472e6b29 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Wed, 15 May 2024 13:52:25 +0100
Subject: Tidying up the create form - using custom css

---
 .../templates/resources/resource_create.html       | 22 ++++++++++------------
 .../templates/resources/resource_list.html         |  4 ++--
 2 files changed, 12 insertions(+), 14 deletions(-)

(limited to 'pyblackbird_cc/templates/resources')

diff --git a/pyblackbird_cc/templates/resources/resource_create.html b/pyblackbird_cc/templates/resources/resource_create.html
index c10e7b8..d428e46 100644
--- a/pyblackbird_cc/templates/resources/resource_create.html
+++ b/pyblackbird_cc/templates/resources/resource_create.html
@@ -7,18 +7,16 @@
 {#    <link rel="stylesheet" href="{% static 'css/forms.css' %}">#}
 {#    {% endblock %}#}
 {% block content %}
-  <div class="container">
-    <div class="row d-flex justify-content-center">
-      <div class="col-md-10 bg-light mt-lg-4">
-        <h2>Upload a new resource</h2>
-        <p>{% lorem %}</p>
-        <form action="{% url 'resources:create_resource' %}"
-              method="post"
-              enctype="multipart/form-data">
-          {% csrf_token %}
-          {% crispy form form.helper %}
-        </form>
-      </div>
+  <div class="row d-flex justify-content-center">
+    <div class="col bg-light mt-lg-4 p-4 border border-success border-opacity-25 rounded">
+      <h2>Upload a new resource</h2>
+      <p>{% lorem %}</p>
+      <form action="{% url 'resources:create_resource' %}"
+            method="post"
+            enctype="multipart/form-data">
+        {% csrf_token %}
+        {% crispy form form.helper %}
+      </form>
     </div>
   </div>
 {% endblock content %}
diff --git a/pyblackbird_cc/templates/resources/resource_list.html b/pyblackbird_cc/templates/resources/resource_list.html
index 2a6ab3a..3c8780f 100644
--- a/pyblackbird_cc/templates/resources/resource_list.html
+++ b/pyblackbird_cc/templates/resources/resource_list.html
@@ -44,7 +44,7 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-3 py-3 m-4 bg-body-tertiary border border-1 rounded">
+        <div class="col-3 py-3 m-4 bg-white border border-1 rounded">
           <h5>Welcome!</h5>
           <p>
             I love to make clear and colourful resources and can't resist using rainbow colours
@@ -53,7 +53,7 @@
             I am also available to tutor younger learners online via Sherpa!
           </p>
         </div>
-        <div class="col py-3 m-4 bg-body-tertiary border border-1 rounded">
+        <div class="col py-3 m-4 bg-white border border-1 rounded">
           <h2 class="text-primary">Subscriptions available now!</h2>
           <p>
             I love to make clear and colourful resources and can't resist using rainbow colours
-- 
cgit v1.2.3