From ba6d4047e21b5d7dea8b062d3d5d70578d025229 Mon Sep 17 00:00:00 2001
From: reynog <59975438+reynog@users.noreply.github.com>
Date: Thu, 16 Jan 2020 20:12:27 +0100
Subject: [PATCH 1/2] 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.
---
 nhentai/viewer/styles.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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

From 53e1923e67c64469eb7d1c09888c3f57c21b27dc Mon Sep 17 00:00:00 2001
From: reynog <59975438+reynog@users.noreply.github.com>
Date: Thu, 16 Jan 2020 20:20:42 +0100
Subject: [PATCH 2/2] Changed keyboard nav

In conjunction with styles.css change, changed W, and S keys to scroll image vertically and removed page change from Up and Down, leaving A, D, Left, and Right as keys for changing page. Page returns to the top when changing page. W and S scroll behavior is not smooth. Up and Down scroll relies on browser's in-built keyboard scrolling functionality.
---
 nhentai/viewer/scripts.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/nhentai/viewer/scripts.js b/nhentai/viewer/scripts.js
index 8e3f8bf..9045258 100644
--- a/nhentai/viewer/scripts.js
+++ b/nhentai/viewer/scripts.js
@@ -17,6 +17,8 @@ function changePage(pageNum) {
     const display = document.getElementById('dest');
     display.style.backgroundImage = `url("${current.src}")`;
 
+    scroll(0,0)
+
     document.getElementById('page-num')
         .innerText = [
                 (pageNum + 1).toLocaleString(),
@@ -47,6 +49,8 @@ document.onkeypress = event => {
     switch (event.key.toLowerCase()) {
         // Previous Image
         case 'w':
+	   scrollBy(0, -40);
+	   break;
         case 'a':
             changePage(currentPage - 1);
             break;
@@ -57,6 +61,8 @@ document.onkeypress = event => {
         // Next Image
         case ' ':
         case 's':
+	    scrollBy(0, 40);
+            break;
         case 'd':
             changePage(currentPage + 1);
             break;
@@ -69,13 +75,11 @@ document.onkeydown = event =>{
             changePage(currentPage - 1);
             break;
         case 38: //up
-            changePage(currentPage - 1);
             break;
         case 39: //right
             changePage(currentPage + 1);
             break;
         case 40: //down
-            changePage(currentPage + 1);
             break;
     }
-};
\ No newline at end of file
+};