diff options
author | Matthew Lemon <y@yulqen.org> | 2024-05-15 18:40:34 +0100 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-05-15 18:40:34 +0100 |
commit | f0640685f55edf4fc81c76abff7953adb9b0a04c (patch) | |
tree | 2e77c28f180fd205c2fd4983e57f32c923a14546 /pyblackbird_cc/templates/resources | |
parent | 6ef5e1a50e29938f5bdb852f20e2f8be6ea2bc95 (diff) |
Tinkering with CSS
Diffstat (limited to 'pyblackbird_cc/templates/resources')
-rw-r--r-- | pyblackbird_cc/templates/resources/resource_list.html | 20 |
1 files changed, 10 insertions, 10 deletions
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 }}" /> |