implemented css for new add and edit pages

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

@@ -5,6 +5,7 @@
 
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block content %}

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

@@ -5,6 +5,7 @@
 
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block content %}

gabgeraldo_reading/bookshelf/templates/bookshelf/author_details.html

@@ -4,6 +4,7 @@
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
     <link rel='stylesheet' type='text/css' href="{% static 'details.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block title %}{{ object.first_name }} {{ object.last_name }}{% endblock %}
@@ -17,7 +18,7 @@
             <li class="subinfo">Nationality: {{ object.nationality }}</li>
             <li class="subinfo">Bio:<br>{{ object.bio}}</li>
             <form action="edit">
-                <input type="submit" value="Edit Author" />
+                <input type="submit" value="Edit Author">
             </form>
         </ul>
     </section>

gabgeraldo_reading/bookshelf/templates/bookshelf/book_details.html

@@ -4,6 +4,7 @@
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
     <link rel='stylesheet' type='text/css' href="{% static 'details.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block title %}{{ object.title }}{% endblock %}
@@ -19,7 +20,7 @@
             <li class="subinfo">ISBN: {{ object.isbn }}</li>
             <li class="subinfo">Short Description: <br>{{ object.blurb }}</li>
             <form action="edit">
-                <input type="submit" value="Edit Book" />
+                <input type="submit" value="Edit Book">
             </form>
         </ul>
     </section>

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

@@ -5,6 +5,7 @@
 
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block content %}

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

@@ -5,6 +5,7 @@
 
 {% block style %}
     <link rel='stylesheet' type='text/css' href="{% static 'base.css' %}"/>
+    <link rel='stylesheet' type='text/css' href="{% static 'add-edit.css' %}"/>
 {% endblock %}
 
 {% block content %}

gabgeraldo_reading/static/add-edit.css

+form > p {
+    display: grid;
+    grid-template-columns: 30% 70%;
+    margin: 1em 0 1em 0;
+}
+
+input[type=submit] {
+    color: black;
+    background-color: #AF9164;
+    text-transform: uppercase;
+    font-weight: bold;
+    padding: 1em; 
+}
+
+input[type=submit]:hover {
+    color: white;
+    background-color: #6F1A07;
+}
\ No newline at end of file