fix: sidescrolling

src/epub2go_web/static/styles.css

@@ -11,12 +11,13 @@ html{
 }
 body{
     background-color: var(--bg);
-    margin:40px auto;
-    max-width:800px;
+    overflow-x: hidden;
+    margin:.5em auto;
+    max-width:min(100%,800px);
     line-height:1.4;
     font-size:18px;
     color:var(--fg);
-    padding:0 10px;
+    padding:0 .2em;
 }
 
 h1,h2,h3{
@@ -46,6 +47,7 @@ small{
 table, tr{
     /* make table not resize when elements are hidden by searching */
     width: 100%;
+    word-break: break-all;
 }
 th{
     text-align: left;
@@ -70,7 +72,6 @@ a:hover, a:any-link{
     color: inherit;
 }
 .table-link{
-    /* TODO fix links with no title/content being almost unclickable */
     display: block;
     width: 100%;
     min-height: 1em;

src/epub2go_web/templates/index.html

@@ -27,7 +27,7 @@
             </form>
         </search>
         <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-->
+            <a href="javascript:void(window.open('http://{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
                 <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
             </a>
             <a href="https://github.com/eneller/epub2go-web">