added edit-book.html

rachpurisima_reading/bookshelf/templates/bookshelf/book_details.html

@@ -26,6 +26,12 @@ fundamental.<br>
     <li>{{object.blurb}}</li>
   </ul>
 <br>
+<div class="text-center">
+  <form action="edit">
+    <input type="submit" value="Edit Book">
+  </form>
+</div>
+<br>
 {% endblock %}
 {% block navbar %}
 <li><a href="/bookshelf/home">Home</a></li>

rachpurisima_reading/bookshelf/templates/bookshelf/edit-book.html

 {% extends 'base.html' %}
 {% load static %}
-{% block title %}Edit Book{% endblock %}
-{% block content %}
-    <div class="text-center">
-        <br>
-        <br>
-        <form method="post">
-            {% csrf_token %}
-            {% for field in form %}
-                {{field.label}}:{{field}} <br><br>
-            {% endfor %}
-            <input type="submit" value="Save Changes">
-        </form>
-    </div>
+
+{% block title %}Edit a Book{% endblock %}
+{% block header %}
+<cite><h1 class="text-center">May pagkakamali ba ako?</h1></cite>
+{% endblock %}
+{% block subtitle %}
+<p class="text-center">
+  feel free to edit book details in my collection.<br>
+  -
+</p>
+{% endblock %}
+<div class="text-center">
+</div>
+
+{% block form %}
+  <form method="post">
+      {% csrf_token %}
+      {{ form.as_p }}
+      <input type="submit" value="Save Changes">
+  </form>
+</div>
 {% endblock %}

rachpurisima_reading/templates/base.html

@@ -14,6 +14,10 @@
           margin: 0 auto;
           width:300px;
         }
+        .container-custom {
+          margin: 0 auto;
+          width:500px;
+        }
   </style>
   <title>{% block title %}My amazing site{% endblock %}</title>
   <nav class="navbar navbar-custom">
@@ -34,7 +38,7 @@
         {% block subtitle %}{% endblock %}
       </figcaption>
       </blockquote>
-      <figure class="container-fluid">
+      <figure class="container container-custom">
         <div class="text-left">
         {% block content %}{% endblock %}
       </div>
@@ -47,4 +51,11 @@
     </figure>
   </figure>
 </body>
+<nav class="navbar navbar-custom">
+  <div class="container-center">
+    <ul class="nav navbar-nav navbar-center">
+      {% block footer %}{% endblock %}
+    </ul>
+  </div>
+</nav>
 </html>