Larger image display

Bodged file edit. Changed image to extend off the screen, and be scrollable. Easier to read speech and other text on smaller displays. Moved page counter to top center. Not quite as nice looking.

diff --git a/nhentai/viewer/styles.css b/nhentai/viewer/styles.css
index f9830dc3a8f66da026f1a5194387dc0fbd0a5fa1..132bded48311b4da842145ec87cf6b6970b25ab0 100644 (file)
--- a/nhentai/viewer/styles.css
+++ b/nhentai/viewer/styles.css
@@ -17,8 +17,8 @@ html, body {
 }\r
 \r
 #list {\r
-    height: 100%;\r
-    overflow: auto;\r
+    height: 2000px;\r
+    overflow: scroll;\r
     width: 260px;\r
     text-align: center;\r
 }\r
@@ -37,7 +37,7 @@ html, body {
 \r
 #image-container {\r
     flex: auto;\r
-    height: 100vh;\r
+    height: 2000px;\r
     background: #222;\r
     color: #fff;\r
     text-align: center;\r
@@ -48,16 +48,16 @@ html, body {
 }\r
 \r
 #image-container #dest {\r
-    height: 100%;\r
+    height: 2000px;\r
     width: 100%;\r
     background-size: contain;\r
     background-repeat: no-repeat;\r
-    background-position: center;\r
+    background-position: top;\r
 }\r
 \r
 #image-container #page-num {\r
-    position: absolute;\r
-    font-size: 18pt;\r
+    position: static;\r
+    font-size: 14pt;\r
     left: 10px;\r
     bottom: 5px;\r
     font-weight: bold;\r
@@ -66,4 +66,4 @@ html, body {
         0 0 2px #222,\r
         0 0 2px #222,\r
         0 0 2px #222;\r
-}
\ No newline at end of file
+}\r