added css for buttons, TODO: figure out why css for buttons isnt working

javing_reading/bookshelf/templates/bookshelf/add_author.html

 {% extends 'base.html' %}
-{% load static %}
 
     {% block title %} Add New Author {% endblock %}
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form }}
+            {{ form.as_p }}
             
-            <input type="Submit">
+            <button type="submit">Submit</button>
         </form>
     {% endblock %}
\ No newline at end of file

javing_reading/bookshelf/templates/bookshelf/add_book.html

 {% extends 'base.html' %}
-{% load static %}
 
     {% block title %} Add New Book {% endblock %}
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form }}
+            {{ form.as_p }}
             
-            <input type="Submit">
+            <button type="submit">Submit</button>
         </form>
     {% endblock %}
\ No newline at end of file

javing_reading/bookshelf/templates/bookshelf/edit_author.html

 {% extends 'base.html' %}
-{% load static %}
 
     {% block title %} Edit Author {% endblock %}
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form }}
+            {{ form.as_p }}
             
-            <input type="Submit">
+            <button type="submit">Submit</button>
         </form>
     {% endblock %}
\ No newline at end of file

javing_reading/bookshelf/templates/bookshelf/edit_book.html

 {% extends 'base.html' %}
-{% load static %}
 
     {% block title %} Edit Book {% endblock %}
     {% block content %}
         <form method="POST">
             {% csrf_token %}
-            {{ form }}
+            {{ form.as_p }}
             
-            <input type="Submit">
+            <button type="submit">Submit</button>
         </form>
     {% endblock %}
\ No newline at end of file

javing_reading/bookshelf/templates/bookshelf/home.html

 {% extends 'base.html' %}
-{% load static %}
 
     {% block content %}
         <h1>Welcome to Javi's Database of Favorite Books and Authors!</h1>

javing_reading/bookshelf/urls.py

@@ -3,10 +3,14 @@ from . import views
 
 urlpatterns = [
     path('home/', views.HomeView, name = "home"),
+
+    # books urls: book list, book details, book creation and updating
     path('books/', views.BookListView.as_view(), name="booklist"),
     path('books/<int:pk>/details', views.BookDetailView.as_view(), name="bookdetail"),
     path('books/add/', views.BookCreateView.as_view(), name="newbook"),
     path('books/<int:pk>/edit', views.BookUpdateView.as_view(), name="updatebook"),
+
+    # authors urls: author list, author details, author creation and updating
     path('authors/', views.AuthorListView.as_view(), name="authorlist"),
     path('authors/<int:pk>/details', views.AuthorDetailView.as_view(), name="authordetail"),
     path('authors/add/', views.AuthorCreateView.as_view(), name="newauthor"),

javing_reading/static/style.css

@@ -28,4 +28,17 @@ body {
     background-color: ivory;
     background-position: right bottom;
     background-repeat: no-repeat;
+}
+
+/*  */
+button {
+    transition-duration: 0.4s;
+    border: 2px solid black;
+    padding: 8px 16px;
+    background-color: #F1ce76;
+    text-align: center;
+}
+
+button:hover {
+    background-color: #B99436;
 }
\ No newline at end of file

[John Aidan Vincent M. Ng]

it was my browser :(