diff --git a/src/interface/static/css/main.css b/src/interface/static/css/main.css
index c1da0b0..e824537 100755
--- a/src/interface/static/css/main.css
+++ b/src/interface/static/css/main.css
@@ -94,8 +94,9 @@ body {
     font-family: 'Gruppo', cursive;
     font-size: 15px;
     /*! max-height: 500px; */
-    overflow-y: scroll;
+    overflow-y: auto;
     /*! padding: 0px 10px; */
+    margin: 0px;
 }
 
 .popover{
@@ -114,7 +115,7 @@ body {
 }
 .nav_l_hdr {
     /*! text-align: center; */
-    padding: 1px;
+    padding: 0px 5px;
     background-color: #9e9e9e;
     border-bottom: 2px solid #dadada;
     color: black;
@@ -126,18 +127,20 @@ body {
     /*! padding: 5px; */
     /*! text-align: center; */
     border-bottom: 1px solid #dadada;
+    padding: 0px 0px 0px 10px;
 }
 
 .nav_l_1 {
     /*! padding: 5px; */
     /*! text-align: center; */
     border-bottom: 1px solid #dadada;
+    padding: 0px 0px 0px 10px;
 }
 .nav_link {}
 #vert-nav {
     list-style: None;
     padding: 0px;
-    margin: 10px 0px;
+    margin: 0px;
     /*! border-left: 5px solid #292f35; */
     /*! border-right: 5px solid #292f35; */
 }
@@ -277,11 +280,9 @@ p {
 }
 
 #book_shelf {
-    display: grid;
-    grid-template-columns: 21% 21% 21% 21%;
     list-style-type: none;
     font-family: 'Audiowide', cursive;
-    font-size: 25px;
+    font-size: 15px;
     padding: 0;
     margin: 0px;
     min-width: 99vw;
@@ -289,22 +290,24 @@ p {
 
 .shelf_item {
     display: grid;
-    background-color: burlywood;
+    grid-template-columns: 100px auto;
+    grid-template-areas: "thumb details";
     margin: 0 10px 10px 10px;
-    max-width: 20vw;
-    max-height: 70vh;
-    text-align: center;
 }
 
 .book_thumb {
-    width: 20vw;
-    height: 70vh;
+    grid-area: thumb;
+    width: 100px;
 }
 
 a.book_link {
     text-decoration: none;
 }
-
+.book_details {}
+.book_details_list {grid-area: details;list-style-type: none;}
+.book_title {}
+.book_author {}
+.book_controls {}
 a.nav_link {
     text-decoration: none;
     color: #000;
@@ -317,3 +320,4 @@ a.nav_link {
     padding: 0px;
     margin: 0px 0px;
 }
+.btn {cursor:pointer}
diff --git a/src/interface/templates/index.html b/src/interface/templates/index.html
index df05431..888a2ac 100755
--- a/src/interface/templates/index.html
+++ b/src/interface/templates/index.html
@@ -27,18 +27,18 @@
                         <h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
                     </li>
                     <li class="vert-nav-item nav_l_hdr">
-                        <input class="nav_search" type="text" size="20" value="">
+                        <input class="nav_search" type="text" size="19" value="">
                     </li>
                     <li class="vert-nav-item nav_l_hdr">
                         <input class="nav_button prev_page" type="button" value="<<" onclick="window.location.href = '/prev_page/{{ Set }}'">
                         <input class="nav_button search_submit" type="submit" value="Search">
                         <input class="nav_button next_page" type="button" value=">>" onclick="window.location.href = '/next_page/{{ Set }}'">
                     </li>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_collections">Collections</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_collections">Collections</li>
                     <ul class="hidden vert-nav collections">
                     {% for row in LeftNavCollections %}
                         <a href="{% url 'show_collection' _collection=row.link _colset=Set%}" class="nav_link" alt="{{row.link}}">
-                            <li class="nav_l_{{row.class}}">
+                            <li class="nav_l_{{row.class}} btn">
                                 {{ row.string }}
                             </li>
                         </a>
@@ -47,19 +47,19 @@
                     <ul class="vert-nav dynnav">
                         {% if LeftNavMenu0 %}
                             {% for row in LeftNavMenu0 %}
-                                <a href="{{ row.link }}"><li class="vert-nav-item nav_l_hdr">{{ row.title }}</li></a>
+                                <a href="{{ row.link }}"><li class="vert-nav-item nav_l_hdr btn">{{ row.title }}</li></a>
                             {% endfor %}
                         {% endif %}
                     </ul>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
                     <a href="irc://freenode.net/pyshelf" class="web_footer_link"><li class="vert-nav-item nav_l_hdr" id="btn_discord">discord</li></a>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_github">github</li>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_python">
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_github">github</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_python">
                         <img src="/static/img/py.png" id="python_logo" />
                     </li>
                     <a href="https://www.gnu.org/licenses/gpl-3.0.txt" class="web_footer_link">
-                    <li class="vert-nav-item nav_l_hdr" id="btn_gpl">
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_gpl">
                         <img src="/static/img/gplv3-or-later.png" alt="GPLv3 or later" />
                     </li>
                     </a>
@@ -69,9 +69,18 @@
                 <div class="shelf_contents">
                     <ul id="book_shelf">
                         {% for book in Books %}
-                        <a href="{% url 'download' pk=book.pk %}" class="book_link">
-                            <li class="shelf_item"><img alt="{{ book.title }}" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb" /> </li>
-                        </a>
+                            <li class="shelf_item">
+                                        <img alt="cover missing" src="data:image;base64,{{ book.cover | bin_2_img }}" class="book_thumb" />
+                                        <ul class="book_details_list">
+                                            <li class="book_title">{{ book.title }}</li>
+                                            <li class="book_author">Author: {{ book.author }}</li>
+                                            <li class="book_controls">
+                                                fav
+                                                <a href="{% url 'download' pk=book.pk %}" class="book_link">download</a>
+                                                share
+                                            </li>
+                                        </ul>
+                            </li>
                         {% endfor %}
                     </ul>
                 </div>
diff --git a/src/interface/templates/search.html b/src/interface/templates/search.html
index 821e7f7..3ed5ce0 100755
--- a/src/interface/templates/search.html
+++ b/src/interface/templates/search.html
@@ -25,7 +25,7 @@
                         <h1 class="app_hdr shadow">pyShelf {{Version}}</h1>
                     </li>
                     <li class="vert-nav-item nav_l_hdr">
-                        <input class="nav_search" type="text" size="20" value="">
+                        <input class="nav_search" type="text" size="19" value="">
                     </li>
                     <li class="vert-nav-item nav_l_hdr">
                         <input class="nav_button prev_page" type="button" value="<<" onclick="window.location.href = '/prev_page/{{ Set }}'">
@@ -36,21 +36,21 @@
                     <ul class="hidden vert-nav collections">
                     {% for row in LeftNavCollections %}
                         <a href="{% url 'show_collection' _collection=row.link _colset=Set%}" class="nav_link" alt="{{row.link}}">
-                            <li class="nav_l_{{row.class}}">
+                            <li class="nav_l_{{row.class}} btn">
                                 {{ row.string }}
                             </li>
                         </a>
                     {% endfor %}
                     </ul>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
                     <a href="irc://freenode.net/pyshelf" class="web_footer_link"><li class="vert-nav-item nav_l_hdr" id="btn_discord">discord</li></a>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_github">github</li>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_irc">irc</li>
-                    <li class="vert-nav-item nav_l_hdr" id="btn_python">
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_github">github</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_irc">irc</li>
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_python">
                         <img src="/static/img/py.png" id="python_logo" />
                     </li>
                     <a href="https://www.gnu.org/licenses/gpl-3.0.txt" class="web_footer_link">
-                    <li class="vert-nav-item nav_l_hdr" id="btn_gpl">
+                    <li class="vert-nav-item nav_l_hdr btn" id="btn_gpl">
                         <img src="/static/img/gplv3-or-later.png" alt="GPLv3 or later" />
                     </li>
                     </a>
diff --git a/src/interface/views.py b/src/interface/views.py
index 5c922e8..c59abe7 100755
--- a/src/interface/views.py
+++ b/src/interface/views.py
@@ -44,6 +44,7 @@ def show_collection(request, _collection, _colset):
             "Books": collection(_collection, _set),
             "Set": str(_set),
             "Version": config.VERSION,
+            "LeftNavCollections": menu("collections"),
             "LeftNav": menu("collections"),
         },
     )
@@ -64,6 +65,7 @@ def next_page(request, bookset):
             "Books": book_set(None, _set),
             "Set": str(_set),
             "Version": config.VERSION,
+            "LeftNavCollections": menu("collections"),
             "LeftNav": menu("collections"),
         },
     )
@@ -88,6 +90,7 @@ def prev_page(request, bookset):
             "Books": book_set(None, _set),
             "Set": str(_set),
             "Version": config.VERSION,
+            "LeftNavCollections": menu("collections"),
             "LeftNav": menu("collections"),
         },
     )
@@ -118,6 +121,7 @@ def search(request, query=None, _set=1, _limit=None):
             "Set": _set,
             "len_results": search_len,
             "Version": config.VERSION,
+            "LeftNavCollections": menu("collections"),
             "LeftNav": menu("collections"),
         },
     )