You will find only what you bring in.

[redakcja.git] / src / wiki / templates / wiki / tabs / gallery_view.html

diff --git a/src/wiki/templates/wiki/tabs/gallery_view.html b/src/wiki/templates/wiki/tabs/gallery_view.html
index 4e57ea5..7e14e6e 100644 (file)
--- a/src/wiki/templates/wiki/tabs/gallery_view.html
+++ b/src/wiki/templates/wiki/tabs/gallery_view.html
@@ -1,25 +1,24 @@
 {% load i18n %}
 <div id="side-gallery">
     <!-- gallery toolbar -->
-    <div class="toolbar">
-        <button class="start-page" alt="{% trans "Go to first image of this part" %}" title="{% trans "Go to first image of this part" %}">
-            <img src="{{STATIC_URL}}icons/revert.png"/>
+  <div class="navbar navbar-dark bg-secondary">
+    <div class="nav">
+      <button class="btn btn-info mr-2 start-page" alt="{% trans "Go to first image of this part" %}" title="{% trans "Go to first image of this part" %}">
+        ⇤
         </button>
-        <button class="previous-page" alt="{% trans "Previous" %}" title="{% trans "Previous" %}">
-            <img src="{{STATIC_URL}}icons/go-previous.png"/>
+        <button class="btn btn-info mr-2 previous-page" title="{% trans "Previous" %}">
+          ⯇
         </button>
-        <input type="text" size="3" maxlength="3" value="0" class="page-number" />
-        <span id="imagesCount">/0</span>
-        <button class="next-page" alt="{% trans "Next" %}" title="{% trans "Next" %}">
-            <img src="{{STATIC_URL}}icons/go-next.png"
-                alt="{% trans "Next" %}" title="{% trans "Next" %}"/>
+        <input type="text" size="3" maxlength="3" value="0" class="page-number " />
+        <span class="navbar-text ml-1 mr-2" id="imagesCount">/0</span>
+        <button class="btn btn-info mr-2 next-page" title="{% trans "Next" %}">
+          ⯈
         </button>
-        <button class="zoom-in">{% trans "Zoom in" %}</button>
-        <button class="zoom-out">{% trans "Zoom out" %}</button>
-        <div class="toolbar-end">
-        </div>
+        <button class="btn btn-info mr-2 zoom-in">＋</button>
+        <button class="btn btn-info mr-2 zoom-out">&mdash;</button>
     </div>
-    <div class="error_message">
+  </div>
+    <div class="error_message alert alert-danger ml-4 mr-4 mt-4">
     </div>
     <div class="gallery-image">
         <img src="{{MEDIA_URL}}images/empty.png" alt="no image" />