applied basic CSS styling to new pages

nishaespera_reading/bookshelf/templates/bookshelf/add-author.html

@@ -4,6 +4,8 @@
 <form method='POST'>
     {% csrf_token %}
     {{ form }}
-    <input type='Submit' value='Add Author'>
+    <div class='btns'>
+    <input type='Submit' value='Add Author' class='btn'>
+    </div>
 </form>
 {% endblock %}
\ No newline at end of file

nishaespera_reading/bookshelf/templates/bookshelf/add-book.html

@@ -4,6 +4,9 @@
 <form method='POST'>
     {% csrf_token %}
     {{ form }}
-    <input type='Submit' value='Add Book'>
+
+    <div class='btns'>
+    <input type='Submit' value='Add Book' class='btn'>
+    </div>
 </form>
 {% endblock %}
\ No newline at end of file

nishaespera_reading/bookshelf/templates/bookshelf/author_details.html

@@ -12,6 +12,7 @@
     <h4> Age: {{ object.age }} </h4>
     <h4> Nationality: {{ object.nationality }} </h4>
     <h4> Biography: {{ object.bio }} </h4>
+    <a href="{{ object.get_absolute_url }}edit" class="btn"> Edit Author </a>
 <div>
     <h3> Books by {{ object }} I love: </h3>
 </div>
@@ -25,7 +26,6 @@
         {% endfor %}
     </ul>
     <div class="btns">
-        <a href="{{ object.get_absolute_url }}edit" class="btn"> Edit Author </a>
         <a href="/home/" class="btn"> Home </a>
         <a href="/books/" class="btn"> Books </a>
         <a href="/authors/" class="btn"> Authors </a>

nishaespera_reading/bookshelf/templates/bookshelf/book_details.html

@@ -19,8 +19,8 @@
     <h4> Year published: {{ object.year_published }} </h4>
     <h4> ISBN: {{ object.ISBN }} </h4>
     <p> Blurb: {{ object.blurb }} </p>
-    <div class="btns">
     <a href="{{ object.get_absolute_url }}edit" class="btn"> Edit Book </a>
+    <div class="btns">
         <a href="/home/" class="btn"> Home </a>
         <a href="/books/" class="btn"> Books </a>
         <a href="/authors/" class="btn"> Authors </a>

nishaespera_reading/bookshelf/templates/bookshelf/edit-author.html

 {% extends 'base.html' %}
 {% block title %} Edit Author {% endblock %}
+{% block header %}
+<div class="title">
+    <h1> {{ object }} </h1>
+</div>
+{% endblock %}
 {% block body %}
+<div class="form">
 <form method='POST'>
     {% csrf_token %}
     {{ form }}
-    <input type='Submit' value='Save Changes'>
-</form>
+    <div class='btns'>
+    <input type='Submit' value='Save Changes' class='btn'>
+    </div>
+</form></div>
 {% endblock %}
\ No newline at end of file

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

 {% extends 'base.html' %}
 {% block title %} Edit Book {% endblock %}
+{% block header %}
+<div class="title">
+    <h1> {{ object.title }} </h1>
+</div>
+{% endblock %}
 {% block body %}
 <form method='POST'>
     {% csrf_token %}
     {{ form }}
-    <input type='Submit' value='Save Changes'>
+    <div class='btns'>
+        <input type='Submit' value='Save Changes' class='btn'>
+    </div>
 </form>
 {% endblock %}
\ No newline at end of file

nishaespera_reading/bookshelf/templates/bookshelf/home.html

@@ -19,6 +19,8 @@
     <div class="btns">
         <a href="/books/" class="btn"> Books </a>
         <a href="/authors/" class="btn"> Authors </a>
+    </div>
+    <div class="btns">
         <a href="books/add" class="btn"> Add Book </a>
         <a href="authors/add" class="btn"> Add Author </a>
     </div>

nishaespera_reading/static/base.css

@@ -37,3 +37,16 @@ body {
     display: flex;
     text-align: center;
 }
+
+
+form [type="text"],
+form [type="number"],
+form select,
+form textarea {
+    padding: 10px;
+    border-radius: 8px;
+    display: block;
+}
+form label {
+    display: block;
+}
\ No newline at end of file