Add book and user cards

librarian/templates/search_display/librarian/types/book.html

@@ -3,7 +3,7 @@
     <div class="row row-flex row-cols-1 row-cols-md-2">
         {% if result.image %}
             <div class="col col-md-3">
-            <div id="book-page-detail-img" class="mx-auto">
+            <div class="book-page-detail-img mx-auto">
                 <img src="{{ result.image.url }}" class="img-fluid" alt="{{ result.title }}">
             </div>
         </div>

librarian/templates/search_display/librarian/types/user.html

+{% extends "search_display/librarian/card.html" %}
+{% load gravatar %}
+{% block model_display_content %}
+    <div class="row row-flex row-cols-1 row-cols-md-2">
+        {% if result.image %}
+            <div class="col col-md-3">
+            <div id="book-page-detail-img" class="mx-auto">
+                <img src="{% gravatar_url result.email 150 %}" class="img-fluid rounded-circle mx-auto d-block" alt="Profile image">
+            </div>
+        </div>
+        {% endif %}
+        <div class="col col-md-9">
+            <h1>{{ result.username }}</h1>
+            <p class="text-body-secondary">Patron</p>
+            <p>Name: {{ result.first_name }} {{ result.last_name }}</p>
+            <p>Card No: {{ result.card_number }}</p>
+        </div>
+    </div>
+{% endblock %}
\ No newline at end of file