1 files changed, 22 insertions, 27 deletions
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index d0245dc..2d38509 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,4 +1,4 @@
-import {CSSProperties} from "react";
+import { CSSProperties } from "react";
 
 import { LogoDark } from "../components/logo";
 
@@ -8,46 +8,41 @@ import ExtensionIcon from '@material-ui/icons/Extension';
 import SearchIcon from '@material-ui/icons/Search';
 import SettingsIcon from '@material-ui/icons/Settings';
 
-
-var NavBarStyle: CSSProperties = {
-	width: 48,
-	height: "100%",
-
-	lineHeight: 0,
-
-	backgroundColor: "var(--background)",
-	display: "inline-block",
-
-	position: "fixed",
-	top: 0,
-	left: 0,
-
-	overflow: "hidden",
-	whiteSpace: "nowrap",
-}
-
 var NavBarItemStyle: CSSProperties = {
 	margin: 12,
 	marginBottom: 16,
 	display: "block"
 }
 
-var NavBarSettingsAreaStyle: CSSProperties = {
-	position: "absolute",
-	bottom: -4,
-	left: 0
-}
-
 export function NavBar() {
 	return (
-		<div className="navbar" style={NavBarStyle}>
+		<div className="navbar" style={{
+			width: 48,
+			height: "100%",
+
+			lineHeight: 0,
+
+			backgroundColor: "var(--background)",
+			display: "inline-block",
+
+			position: "fixed",
+			top: 0,
+			left: 0,
+
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+		}}>
 			<div style={NavBarItemStyle}><LogoDark/></div>
 			<a href="/" style={NavBarItemStyle}><Home/></a>
 			<a href="/game" style={NavBarItemStyle}><VideogameAssetIcon/></a>
 			<a href="/" style={NavBarItemStyle}><ExtensionIcon/></a>
 			<a href="/" style={NavBarItemStyle}><SearchIcon/></a>
 
-			<div style={NavBarSettingsAreaStyle}>
+			<div style={{
+				position: "absolute",
+				bottom: -4,
+				left: 0
+			}}>
 				<a href="/settings" style={NavBarItemStyle}><SettingsIcon/></a>
 			</div>
 		</div>