Book Update

src/static/css/App.css

@@ -284,6 +284,10 @@ a {
   margin: 0;
 }
 
+.nomargin {
+  margin: 0;
+}
+
 .flex {
   display: flex;
   justify-content: space-around;
@@ -710,7 +714,7 @@ a {
   color: lightgray;
   margin: .5em;
   border-bottom: solid black 3px;
-  margin-right: 5em;
+  flex-grow: 1;
 }
 
 .bookContainer {

src/static/json/books.json

@@ -1,11 +1,16 @@
 {
   "selection": [
-    "Freakonomics",
-    "Zero To One",
+    "The Rational Optimist",
     "The Accidental Superpower",
-    "David and Goliath"
+    "Freakonomics",
+    "Zero To One"
   ],
   "books": {
+    "The Rational Optimist": {
+      "filename": "ratOpt.jpg",
+      "link": "https://www.amazon.com/Rational-Optimist-Prosperity-Evolves-P-s/dp/0061452068",
+      "review": "The story of humanity's growth with a refined variation of a lens I very much believe deserves greater publicity.  Long, yes, but ultimately one of the most important books for me to have read."
+    },
     "Freakonomics": {
       "filename": "freakonomics.jpeg",
       "link": "https://freakonomics.com/books/",

src/templates/partials/bookshelf.html

@@ -1,7 +1,10 @@
 {% macro bookshelf(books) %}
 <a href="/books">
   <div class="bookshelf">
-    <h5 class="bookshelfHeader">Check out the things I read:</h5>
+    <div class="flex">
+      <h4 class="bookshelfHeader">Check out the things I read:</h4>
+      <p class='nomargin'>See More >></p>
+    </div>
     <div class="bookContainer">
       {% for i in books.selection %} {% set book = books.books[i] %}
       <a href="/books#'{{i}}'">