Epub Viewer Bugfix Retenia Ipad devices

cps/static/css/main.css

@@ -100,7 +100,7 @@ body {
 }
 
 #viewer {
-  width: 90%;
+  width: 80%;
   height: 80%;
   /* margin-left: 10%; */
   margin: 0 auto;
@@ -652,10 +652,10 @@ input:-ms-placeholder {
   padding: 4px;
 }
 
-@media only screen and (max-width: 1040px) {
+@media only screen and (max-width: 1040px) and (orientation: portrait) {
   #viewer{
-    width: 50%;
+    width: 80%;
-    margin-left: 25%;
+    margin-left: 10%;
   }
 
   #divider,
@@ -745,16 +745,38 @@ input:-ms-placeholder {
         height: 740px;
     }
 }
- /*For iPad landscape layouts only */
+ /*For iPad landscape layouts only *//*
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
     #viewer iframe {
         width: 460px;
         height: 415px;
     }
+}*/
+
+@media only screen 
+and (min-device-width : 768px) 
+and (max-device-width : 1024px) 
+and (orientation : landscape)
+/*and (-webkit-min-device-pixel-ratio: 2)*/ {
+  #viewer{
+    width: 80%;
+    margin-left: 10%;
+  }
+  #divider,
+  #divider.show {
+    display: none;
+  }
 }
 
-/* For iPhone 6\6s portrait layouts only */
+ /*For iPad landscape layouts only */
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
+    #viewer iframe {
+        width: 960px;
+        height: 515px;
+    }
+}
 
+/* For iPhone 6\6s portrait layouts only */
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
     #viewer {
       width: 300px;