presets moved to header

resources/scss/_header.scss

@@ -10,4 +10,34 @@ header {
 		height: 3rem;
 		margin: 0.5rem 0 0.3rem;
 	}
+
+	.presets {
+		margin-bottom: 0.3rem;
+		line-height: 1.8rem;
+
+		.btn-outline-light {
+			border-color: #999;
+
+			&:hover {
+				background-color: #fff;
+				border-color: #fff;
+
+				svg {
+					path {
+						fill: #000;
+					}
+				}
+			}
+
+			svg {
+				height: 1.1rem;
+				vertical-align: text-bottom;
+
+				path {
+					fill: #ddd;
+					transition: fill 0.15s ease-in-out;
+				}
+			}
+		}
+	}
 }

resources/scss/_main.scss

@@ -1,27 +1,3 @@
-section.presets {
-	margin-top: 0.5rem;
-	margin-bottom: 1rem;
-
-	@include media-breakpoint-down(md) {
-		text-align: center;
-	}
-
-	.btn {
-		margin-bottom: 0.25rem;
-
-		&.btn-outline-dark{
-			&:hover {
-				background-color: #666;
-			}
-		}
-
-		img {
-			height: 1.1rem;
-			vertical-align: text-bottom;
-		}
-	}
-}
-
 section.tabs {
 	margin-bottom: 1rem;
 

resources/scss/_sidebar.scss

@@ -2,11 +2,7 @@ aside.sidebar {
 	margin-top: 1rem;
 
 	@include media-breakpoint-up(lg) {
-		margin-top: -0.5rem;
-	}
-
-	@include media-breakpoint-up(xl) {
-		margin-top: -2.5rem;
+		margin-top: 0;
 	}
 
 	.github-link {