tabbed layout

resources/scss/_sidebar.scss

@@ -1,102 +1,8 @@
-aside.options {
-	.card {
-		background-color: #f8f8f8;
-
-		& + .card {
-			margin-top: 1rem;
-		}
-
-		.card-body {
-			padding: 0.25rem 0.5rem 0.5rem;
-			font-size: 0.9rem;
-
-			.form-group {
-				margin-bottom: 0.5rem;
-
-				&:last-child {
-					margin-bottom: 0;
-				}
-			}
-
-			.form-subgroup {
-				margin-left: 0.35rem;
-				border-left: 2px solid #ced4da;
-				padding-left: 0.5rem;
-
-				.form-subgroup {
-					margin-left: 0;
-					border-left: 1px solid #d7e0ea;
-					padding-left: 0.4rem;
-				}
-
-				.form-check + .form-subgroup {
-					margin-left: 5.5px;
-				}
-			}
-
-			.form-label {
-				margin-bottom: 0.15rem;
-				margin-left: 0.15rem;
-			}
-
-			.form-control {
-				&.domain {
-					&::placeholder {
-						color: #000;
-					}
-
-					&:placeholder-shown {
-						border-color: #3131ff;
-					}
-				}
-
-				&[type="text"],
-				&[type="email"] {
-					&:placeholder-shown {
-						background-color: #fefefe;
-					}
-				}
-			}
-
-			.form-control.input-changed,
-			.form-check.input-changed,
-			select.input-changed {
-				background-color: #fff3cd;
-			}
-
-			.form-check.input-changed {
-				border-radius: 0.2rem;
-			}
-
-			.form-check-label {
-				cursor: pointer;
-				user-select: none;
-			}
-
-			.row {
-				&.no-gutters {
-					& + .no-gutters {
-						margin-top: 0.5rem;
-					}
-
-					.col-md-6 {
-						&:first-child {
-							padding-right: 3px;
-						}
-
-						&:last-child {
-							padding-left: 3px;
-						}
-					}
-				}
-			}
-		}
-	}
-}
-
 aside.sidebar {
+	margin-top: 1rem;
+
 	@include media-breakpoint-up(lg) {
-		margin-top: -2.4rem;
+		margin-top: -2.5rem;
 	}
 
 	.github-link {