♻️ refactor: Its a start...

frontend/index.pug

@@ -33,7 +33,8 @@ html(lang='en')
 
 	body
 		ul.noselect#messages
-		.button-wrapper.noselect()
+
+		.navbar.noselect()
 			a.logo.noselect(href='/') zer0bin
 			.buttons.noselect
 				button#save-button.btn(aria-label='Save')

frontend/style/style.scss

@@ -67,13 +67,12 @@ pre {
 	height: 90%;
 }
 .wrapper {
+	position: absolute;
+	top: 3.2rem;
 	display: flex;
 	padding: 1rem 0.5rem;
 	font-size: 1rem;
 }
-.text-area-proper {
-	height: calc(100% - 2rem);
-}
 .line-numbers {
 	color: $subtle;
 	font-family: $font-mono;
@@ -125,19 +124,24 @@ textarea {
 	font-family: $font-mono;
 	font-size: 15px;
 }
-.button-wrapper {
+.navbar {
 	position: fixed !important;
 	width: 100%;
+	height: 3.2rem;
 	padding: 0.5rem;
+	flex-direction: row;
+    align-items: center;
+	display: flex;
 	background-color: $bg_surface;
 	z-index: 10;
 	transition: opacity 0.2s, visibility 0.2s;
 }
 .buttons {
 	z-index: 10;
-	position: fixed !important;
-	top: 1rem;
-	left: 9rem;
+	margin-left: auto;
+	display: flex;
+	padding: 10px;
+
 	> * {
 		+ {
 			* {
@@ -304,8 +308,3 @@ a {
 		padding: 7px;
 	}
 }
-@media only screen and (hover: none) and (pointer: coarse) {
-	.button-wrapper {
-		opacity: 0.8;
-	}
-}