X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/fc8d58d4ac9abba24758ef6c914eea9f85ef7e5b..a6767b2d034dcf53d6e88b3e0b6eadfebc5adab1:/src/cover/templates/cover/image_list.html

diff --git a/src/cover/templates/cover/image_list.html b/src/cover/templates/cover/image_list.html
old mode 100755
new mode 100644
index 50443edd..87971df2
--- a/src/cover/templates/cover/image_list.html
+++ b/src/cover/templates/cover/image_list.html
@@ -5,27 +5,39 @@
 {% block titleextra %}{% trans "Cover images" %}{% endblock %}
 
 {% block content %}
+<div class="card mt-4 mb-4">
+	<div class="card-header">
 <h1>{% trans "Cover images" %}</h1>
+	</div>
+	<div class="card-body">
 
 {% if can_add %}
-    <a href="{% url 'cover_add_image' %}">{% trans "Add new" %}</a>
+    <a class="btn btn-primary" href="{% url 'cover_add_image' %}">{% trans "Add new" %}</a>
 {% endif %}
 
-<ul>
+<div class="row">
 {% autopaginate object_list 100 %}
 {% for image in object_list %}
-    <a href="{{ image.get_absolute_url }}" style="display:inline-block; width:200px;">
-    
-    <img style="height: 100px"
-        src="{% thumbnail image.file "x100" as thumb %}
+<div class="col-md-3">
+<div class="card">
+        <a href="{{ image.get_absolute_url }}">
+	<img style="height: 100px; width: auto;" class="card-img-top" src="{% thumbnail image.file "x100" as thumb %}
                 {{ thumb.url }}
              {% empty %}
                 {{ image.file.url }}
              {% endthumbnail %}" />
-        <br/>
-        {{ image }}</a>
+	<div class="card-body">
+    
+        {{ image }}
+	</div>
+</a>
+</div>
+</div>
 {% endfor %}
+</div>
+
 {% paginate %}
-</ul>
+	</div>
+</div>
 
 {% endblock %}