1 files changed, 15 insertions, 92 deletions
diff --git a/src/client/views/nodes/PDFBox.scss b/src/client/views/nodes/PDFBox.scss
index c9edb2180..5c2da2b09 100644
--- a/src/client/views/nodes/PDFBox.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -101,6 +101,7 @@
             }
         }
 
+        .pdfBox-fuzzy,
         .pdfBox-nextIcon,
         .pdfBox-prevIcon {
             background: #121721;
@@ -116,6 +117,19 @@
             padding: 0px;
         }
 
+        .pdfBox-fuzzy {
+            background-color: #4a4a4a;
+
+            &.active {
+                background-color: #3498db;
+                color: white;
+            }
+
+            &:hover {
+                background-color: #2980b9;
+            }
+        }
+
         .pdfBox-overlayButton:hover {
             background: none;
         }
@@ -198,7 +212,7 @@
             pointer-events: all;
 
             .pdfBox-searchBar {
-                width: calc(100% - 120px); // less size of search buttons
+                width: calc(100% - 140px); // less size of search buttons
                 font-size: 14px;
             }
         }
@@ -276,94 +290,3 @@
         }
     }
 }
-
-// CSS adjusted for mobile devices
-@media only screen and (max-device-width: 480px) {
-    .pdfBox .pdfBox-ui .pdfBox-settingsCont .pdfBox-settingsButton,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-settingsCont .pdfBox-settingsButton {
-        height: 60px;
-
-        .pdfBox-settingsButton-iconCont {
-            height: 60px;
-            width: 75px;
-            font-size: 30px;
-        }
-
-        .pdfBox-settingsButton-arrow {
-            height: 60px;
-            border-top: 30px solid transparent;
-            border-bottom: 30px solid transparent;
-            border-right: 30px solid #121721;
-        }
-    }
-
-    .pdfBox .pdfBox-ui .pdfBox-settingsCont .pdfBox-settingsFlyout,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-settingsCont .pdfBox-settingsFlyout {
-        font-size: 30px;
-    }
-
-    .pdfBox .pdfBox-ui .pdfBox-overlayCont,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-overlayCont {
-        height: 60px;
-
-        .pdfBox-searchBar {
-            font-size: 40px;
-        }
-    }
-
-    .pdfBox .pdfBox-ui .pdfBox-overlayButton,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-overlayButton {
-        height: 60px;
-
-        .pdfBox-overlayButton-iconCont {
-            height: 60px;
-            width: 75px;
-            font-size: 30;
-        }
-
-        .pdfBox-overlayButton-arrow {
-            border-top: 30px solid transparent;
-            border-bottom: 30px solid transparent;
-            border-right: 30px solid #121721;
-        }
-    }
-
-    button.pdfBox-search {
-        font-size: 30px;
-        width: 50px;
-        height: 50px;
-        color: white;
-    }
-
-    .pdfBox .pdfBox-ui .pdfBox-nextIcon,
-    .pdfBox .pdfBox-ui .pdfBox-prevIcon,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-nextIcon,
-    .pdfBox-interactive .pdfBox-ui .pdfBox-prevIcon {
-        height: 50px;
-        width: 50px;
-        font-size: 30px;
-    }
-}
-
-.pdfBox-fuzzy {
-    border: none;
-    background-color: #4a4a4a;
-    color: white;
-    padding: 0 8px;
-    height: 24px;
-    cursor: pointer;
-    margin-right: 4px;
-    border-radius: 3px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &.active {
-        background-color: #3498db;
-        color: white;
-    }
-
-    &:hover {
-        background-color: #2980b9;
-    }
-}