chore: changes in scenery view layout

src/styles/global.scss

@@ -228,6 +228,10 @@ a.a-button {
 
       background-color: #3c3c3c;
     }
+
+    &:hover {
+      background-color: #555;
+    }
   }
 
   &.btn--image {
@@ -283,22 +287,11 @@ a.a-button {
   }
 }
 
-@include smallScreen {
-  ::-webkit-scrollbar {
-    width: 0.5em;
-    height: 0.5em;
-
-    &-track {
-      background-color: #222;
-    }
-
-    &-thumb {
-      background-color: #777;
-    }
-  }
+// Basic tooltip
+[data-tooltip] {
+  cursor: help;
 }
 
-// Basic tooltip
 [data-tooltip]:hover::after,
 [data-tooltip]:focus::after {
   position: absolute;
@@ -315,11 +308,20 @@ a.a-button {
   z-index: 100;
 }
 
-[data-tooltip] {
-  cursor: help;
-}
-
 @include smallScreen {
+  ::-webkit-scrollbar {
+    width: 0.5em;
+    height: 0.5em;
+
+    &-track {
+      background-color: #222;
+    }
+
+    &-thumb {
+      background-color: #777;
+    }
+  }
+
   [data-tooltip]:hover::after,
   [data-tooltip]:focus::after {
     transform: translate(-50%, 2em);

src/styles/sceneryViewTables.scss

@@ -1,9 +1,3 @@
-.scenery-table-section {
-  position: relative;
-  height: 100%;
-  overflow-y: scroll;
-}
-
 table.scenery-history-table {
   width: 100%;
   border-collapse: collapse;
@@ -25,7 +19,7 @@ table.scenery-history-table {
 
   td {
     padding: 0.75em;
-    border-bottom: solid 5px #111;
+    border-bottom: solid 5px #181818;
   }
 }