Updated CSS

bookshelf/templates/bookshelf/add-author.html

@@ -7,6 +7,6 @@
         <form method="POST">
             {% csrf_token %}
             {{ form.as_p }}
-            <button type="submit">Submit</button>
+            <button type="submit" class="submit">Submit</button>
         </form>
     {% endblock %}

bookshelf/templates/bookshelf/add-book.html

@@ -7,6 +7,6 @@
         <form method="POST">
             {% csrf_token %}
             {{ form.as_p }}
-            <button type="submit">Submit</button>
+            <button type="submit" class="submit">Submit</button>
         </form>
     {% endblock %}

bookshelf/templates/bookshelf/authors_details.html

@@ -11,7 +11,7 @@
             <li>{{ object.bio }}</li>
 
             <form action="./edit">
-              <button type="submit">Edit Author</button>
+              <button type="submit" class="submit">Edit Author</button>
             </form>
         </ul>
     </div>

bookshelf/templates/bookshelf/book_details.html

@@ -15,7 +15,7 @@
             <li>{{ object.blurb }}</li>
 
             <form action="./edit">
-                <button type="submit">Edit Book</button>
+                <button type="submit" class="submit">Edit Book</button>
             </form>
     
         </ul>

bookshelf/templates/bookshelf/edit-author.html

@@ -7,6 +7,6 @@
         <form method="POST">
             {% csrf_token %}
             {{ form.as_p }}
-            <button type="submit">Submit</button>
+            <button type="submit" class="submit">Submit</button>
         </form>
     {% endblock %}

bookshelf/templates/bookshelf/edit-book.html

@@ -7,6 +7,6 @@
         <form method="POST">
             {% csrf_token %}
             {{ form.as_p }}
-            <button type="submit">Submit</button>
+            <button type="submit" class="submit">Submit</button>
         </form>
     {% endblock %}

bookshelf/templates/bookshelf/home.html

@@ -16,4 +16,9 @@
     <a href="/books">Books</a>
     <a href="/authors">Authors</a>
 </section>
+
+<section class="footer">
+    <a href="/books/add">Add Book</a>
+    <a href="/authors/add">Add Author</a>
+</section>
 {% endblock %}

static/style.css

@@ -11,6 +11,21 @@ body {
     height: 100vh;
     width: 100vw;
 }
+
+.submit{
+    color: #fcfaf4;
+    border: 2px;
+    border-radius: 20px;
+    padding: 15px 40px;
+    background: #F67280;
+    font-size: large;
+    text-decoration: none;
+    transition: scale 0.5s ease;
+}
+
+.submit:hover{
+    scale:1.2;
+}
 .info{
     width: 50vw;
     display: flex;
@@ -50,3 +65,4 @@ ul > a:hover{
 li{
     list-style-type: none;
 }
+