finalized templates, added css for all input fields

javing_reading/bookshelf/templates/bookshelf/add_author.html

 {% extends 'base.html' %}
-
     {% block title %} Add New Author {% endblock %}
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form.as_p }}
+
+            {% for field in form %}
+                {{field.label}}: {{ field }} <br> <br>
+            {% endfor %}
             
             <button type="submit">Submit</button>
         </form>

javing_reading/bookshelf/templates/bookshelf/add_book.html

@@ -4,7 +4,10 @@
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form.as_p }}
+
+            {% for field in form %}
+                {{field.label}}: {{ field }} <br> <br>
+            {% endfor %}
             
             <button type="submit">Submit</button>
         </form>

javing_reading/bookshelf/templates/bookshelf/book_details.html

@@ -12,7 +12,7 @@
         <b>Publisher: </b>{{ object.publisher }} <br>
         <b>Published </b>{{ object.year_published}} <br> <br>
         <b>ISBN</b> {{ object.ISBN }} <br> <br>
-        <b>Blurb: </b>{{ object.blurb }} <br>
+        <b>Blurb: </b>{{ object.blurb }} <br> <br>
         <form action="./edit">
             <button type="submit">Edit Book</button>
         </form>

javing_reading/bookshelf/templates/bookshelf/edit_author.html

@@ -4,7 +4,10 @@
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form.as_p }}
+
+            {% for field in form %}
+                {{field.label}}: {{ field }} <br> <br>
+            {% endfor %}
             
             <button type="submit">Submit</button>
         </form>

javing_reading/bookshelf/templates/bookshelf/edit_book.html

@@ -4,7 +4,10 @@
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form.as_p }}
+            
+            {% for field in form %}
+                {{field.label}}: {{ field }} <br> <br>
+            {% endfor %}
             
             <button type="submit">Submit</button>
         </form>

javing_reading/static/style.css

@@ -30,8 +30,8 @@ body {
     background-repeat: no-repeat;
 }
 
-/*  */
-button {
+/* button styling */
+button[type=submit] {
     transition-duration: 0.4s;
     border: 2px solid black;
     padding: 8px 16px;
@@ -39,6 +39,17 @@ button {
     text-align: center;
 }
 
-button:hover {
+button[type=submit]:hover {
     background-color: #B99436;
+}
+
+/* fields styling */
+input[type=text], input[type=number], select, textarea {
+    border: 2px solid rgb(96, 87, 26);
+    border-radius: 4px;
+    background-color: rgb(238, 216, 73)
+}
+
+input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus {
+    background-color: rgb(185, 162, 9)
 }
\ No newline at end of file