frontend tweaks

src/epub2go_web/static/styles.css

@@ -5,7 +5,11 @@
     --fg:#444;
     --fg-deemph: #777;
 }
+html{
+    font-family: serif;
+}
 body{
+    background-color: var(--bg);
     margin:40px auto;
     max-width:800px;
     line-height:1.4;
@@ -18,15 +22,10 @@ h1,h2,h3{
     line-height:1.2;
     letter-spacing: -2%;
 }
-
-/* custom styles here */
-body{
-    background-color: var(--bg);
-    font-family: serif;
-}
 header{
     text-align: center;
     justify-content: center;
+    margin-bottom: 4%;
 }
 small{
     color: var(--fg-deemph);
@@ -35,9 +34,13 @@ small{
     width: 100%;
 }
 #searchInput {
+    background-color: var(--bg);
     width: 100%;
     padding: .2em;
     font-size: larger;
+    border-radius: 10px;
+    border-color: var(--bg-acc);
+    box-shadow: var(--bg-acc) 2px 2px;
 }
 th{
     text-align: left;
@@ -65,5 +68,5 @@ a:hover, a:any-link{
     display: block;
     width: 100%;
     height: 100%;
-    padding: 3px;
+    padding: 1px;
 }

src/epub2go_web/templates/index.html

@@ -18,7 +18,7 @@
             <input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
             </form>
         </search>
-        <small>Im Moment finden sich hier {{ book_count }} Bücher. </small>
+        <small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
             <a href="javascript:void(window.open('http://{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern"><!--TODO fix domain part as variable-->
                 <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
             </a>