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;
 }