Improved css.

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

@@ -11,10 +11,13 @@ Add New Author
 
 {% block content %}
     {{ form.non_field_errors }}
-    <form action="{{ object.get_absolute_url }}" method="post">
+    <form action="{% url 'bookshelf:authors-add' %}" method="post" 
+    style="display: flex; flex-direction: column; align-items: center;">
         {% csrf_token %}
-        {{ form }}
-        <input type="submit" value="Add Author">
+        <table>
+            {{ form.as_table }}
+        </table>
+        <input type="submit" value="Save Changes" >
     </form>
 {% endblock %}
 

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

@@ -11,10 +11,13 @@ Add New Book
 
 {% block content %}
     {{ form.non_field_errors }}
-    <form action="{{ object.get_absolute_url }}" method="post">
+    <form action="{% url 'bookshelf:books-add' %}" method="post" 
+    style="display: flex; flex-direction: column; align-items: center;">
         {% csrf_token %}
-        {{ form }}
-        <input type="submit" value="Add Book">
+        <table>
+            {{ form.as_table }}
+        </table>
+        <input type="submit" value="Save Changes" >
     </form>
 {% endblock %}
 

almiraredoble_reading/bookshelf/templates/bookshelf/author_details.html

@@ -22,7 +22,8 @@
     </li>
 </ul>
 
-<form action="{% url 'bookshelf:author-edit' pk=object.pk %}">
+<form action="{% url 'bookshelf:author-edit' pk=object.pk %}"
+style="display: flex; flex-direction: column; align-items: center;">
     <input type="submit" value="Edit Author">
 </form>
 

almiraredoble_reading/bookshelf/templates/bookshelf/book_details.html

@@ -28,7 +28,8 @@
     </li>
 </ul>
 
-<form action="{% url 'bookshelf:book-edit' pk=object.pk %}">
+<form action="{% url 'bookshelf:book-edit' pk=object.pk %}"
+style="display: flex; flex-direction: column; align-items: center;">
     <input type="submit" value="Edit Book">
 </form>
 

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

@@ -6,15 +6,18 @@ Edit Book
 {% endblock %}
 
 {% block heading %}
-Edit {{ object.title }}
+Edit {{ object }}
 {% endblock %}
 
 {% block content %}
     {{ form.non_field_errors }}
-    <form action="{% url 'bookshelf:author-edit' pk=object.pk %}" method="post">
+    <form action="{% url 'bookshelf:author-edit' pk=object.pk %}" method="post" 
+    style="display: flex; flex-direction: column; align-items: center;">
         {% csrf_token %}
-        {{ form }}
-        <input type="submit" value="Save Changes">
+        <table>
+            {{ form.as_table }}
+        </table>
+        <input type="submit" value="Save Changes" >
     </form>
 {% endblock %}
 

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

@@ -11,10 +11,13 @@ Edit {{ object.title }}
 
 {% block content %}
     {{ form.non_field_errors }}
-    <form action="{% url 'bookshelf:book-edit' pk=object.pk %}" method="post">
+    <form action="{% url 'bookshelf:book-edit' pk=object.pk %}" method="post" 
+    style="display: flex; flex-direction: column; align-items: center;">
         {% csrf_token %}
-        {{ form }}
-        <input type="submit" value="Save Changes">
+        <table>
+            {{ form.as_table }}
+        </table>
+        <input type="submit" value="Save Changes" >
     </form>
 {% endblock %}
 

almiraredoble_reading/bookshelf/templates/bookshelf/home.html

@@ -15,7 +15,7 @@
 
 {% block footer %}
 <a href="{% url 'bookshelf:books' %}">Books</a>
-<a href="{% url 'bookshelf:authors' %}">Authors</a>
 <a href="{% url 'bookshelf:books-add' %}">Add Book</a>
+<a href="{% url 'bookshelf:authors' %}">Authors</a>
 <a href="{% url 'bookshelf:authors-add' %}">Add Author</a>
 {% endblock %}
\ No newline at end of file

almiraredoble_reading/static/style.css

@@ -68,5 +68,4 @@ a {
     justify-content: space-evenly;
     background-color: #264653;
     font-weight: bold;
-    text-decoration: underline white;
 }
\ No newline at end of file