More styling

res/static/style/layout.css

@@ -216,13 +216,16 @@ hr{
 }
 
 ::-webkit-scrollbar{
-	width: 12px;  /* for vertical scrollbars */
-	height: 12px; /* for horizontal scrollbars */
+	width: 1em;  /* for vertical scrollbars */
+	height: 1em; /* for horizontal scrollbars */
+}
+::-webkit-scrollbar-track {
+	background: var(--scrollbar_background_color);
 }
-::-webkit-scrollbar-track {background: var(--scrollbar_background_color);}
 ::-webkit-scrollbar-thumb {
 	background-color: var(--scrollbar_foreground_color);
-	border-radius: 6px;
+	border-radius: 0.5em;
+	border: 0.22em solid var(--scrollbar_background_color);
 }
 ::-webkit-scrollbar-corner{background: transparent;}
 
@@ -293,10 +296,10 @@ pre{
 .file_button{
 	position: relative;
 	box-sizing: border-box;
-	width: 310px;
+	width: 300px;
 	max-width: 90%;
-	height: 60px;
-	margin: 6px;
+	height: 3.6em;
+	margin: 10px;
 	padding: 0;
 	overflow: hidden;
 	border-radius: 2px;

res/static/style/viewer.css

@@ -3,10 +3,6 @@
     Author     : Fornax
 */
 
-body{
-	overflow: hidden;
-}
-
 /* Viewer container */
 .file_viewer {
 	position: absolute;
@@ -26,7 +22,7 @@ body{
 	display: flex;
 	flex-direction: row;
 	text-align: left;
-	padding: 0.2em;
+	padding: 8px;
 }
 
 /* Headerbar components */
@@ -63,7 +59,7 @@ body{
 	white-space: nowrap;
 }
 .file_viewer > .list_navigator > .list_item{
-	height: 40px !important;
+	height: 2.6em !important;
 	width: 250px !important;
 }
 
@@ -195,7 +191,7 @@ body{
 
 
 /* Workaround to hide the scrollbar in non webkit browsers, it's really ugly' */
-#toolbar > div {
+.file_viewer_toolbar > div {
 	position: absolute;
 	left: 0;
 	top: 0;
@@ -204,7 +200,7 @@ body{
 	overflow-y: scroll;
 	overflow-x: hidden;
 }
-#toolbar > div > div {
+.file_viewer_toolbar > div > div {
 	position: absolute;
 	left: 0;
 	top: 0;