1 files changed, 11 insertions, 18 deletions
diff --git a/pyblackbird_cc/templates/resources/admin_bar.html b/pyblackbird_cc/templates/resources/admin_bar.html
index 5bddde6..ddb8e00 100644
--- a/pyblackbird_cc/templates/resources/admin_bar.html
+++ b/pyblackbird_cc/templates/resources/admin_bar.html
@@ -1,28 +1,21 @@
   {#  admin block #}
   {% if request.user.is_authenticated and request.user.is_staff %}
-    <div class="row bg-white p-4 rounded border border-success border-opacity-25">
-      <h5 class="text-decoration-underline">Admin bar</h5>
+    <div class="row p-4 rounded border border-danger border-opacity-50 border-3">
+      <h5 class="bg-primary text-white px-2 py-1 rounded">Admin bar</h5>
       <p>
         Only you will see this bar - normal users will not see it. It allows us to
         include buttons for adding new resources, etc.
       </p>
-      <div class="col">
-        <div class="d-flex flex-row flex-wrap justify-content-between">
-          <div>
-            <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 my-2 text-dark bg-white border border-1 border-danger">
-            Logged in as
-            <strong>{{ request.user.email }}</strong>
-          </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>
-            </form>
-          </div>
+      <div class="col d-flex flex-column flex-md-row justify-content-between align-items-md-center">
+        <a class="btn btn-primary my-2" href="{% url 'resources:create_resource' %}">Add a new resource</a>
+        <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>
+        <form action="{% url 'account_logout' %}" method="post" class="my-2">
+          {% csrf_token %}
+          <button type="submit" class="btn btn-primary">Log out</button>
+        </form>
       </div>
     </div>
   {% endif %}