diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-05-26 21:07:09 +0100 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-05-26 21:07:09 +0100 |
| commit | 4b0f9c66d6e6b300ab6c88f8aa7230e238074cd0 (patch) | |
| tree | cb2f9e50570acbfc9e75190274a655334f1ddaa6 | |
| parent | d421e56e0924487861e6cf5300f462c9e66fd376 (diff) | |
Tweaking the layout of the list page
Diffstat (limited to '')
| -rw-r--r-- | pyblackbird_cc/static/css/project.css | 4 | ||||
| -rw-r--r-- | pyblackbird_cc/templates/resources/resource_list.html | 10 |
2 files changed, 9 insertions, 5 deletions
diff --git a/pyblackbird_cc/static/css/project.css b/pyblackbird_cc/static/css/project.css index a0a7496..79d6874 100644 --- a/pyblackbird_cc/static/css/project.css +++ b/pyblackbird_cc/static/css/project.css @@ -49,6 +49,10 @@ header { margin-top: 30px; } +.card-title a { + font-size: 1.2rem; +} + /*h2 {*/ /* color: #4e8273;*/ /* !* color: white; *!*/ 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> |