Update reader.html

reader.html

@@ -69,17 +69,22 @@
       background-color: #0056b3;
     }
 
+    
     #page-input {
-      position: absolute;
-      top: 20px;
-      font-size: 24px;
-      padding: 10px 20px;
-      border: none;
-      border-radius: 10px;
-      text-align: center;
-      z-index: 1;
-      width: 210px;
+    position: absolute;
+    top: 20px;
+    font-size: 24px;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 10px;
+    text-align: center;
+    z-index: 1;
+    width: 200px;
+    @media (orientation: portrait) {
+    transform: translate(30px, 0px);
+}
     }
+    
 
     #page-input:focus {
       outline: none;
@@ -198,6 +203,8 @@
           currentPage = (pageNumber - 1) / 2;
         }
         updatePage();
+
+        
       }
     }