site group, preset group

resources/scss/_header.scss

@@ -49,7 +49,7 @@ header {
 	.github {
 		@include media-breakpoint-up(lg) {
 			position: absolute;
-			right: 0;
+			right: 15px;
 			top: 10px;
 		}
 
@@ -106,11 +106,13 @@ header {
 		}
 	}
 
-	.title {
+	.sites .title,
+	.presets .title {
 		color: #eee;
 		font-size: 0.9rem;
+		line-height: 1.9rem;
 		font-style: italic;
-		vertical-align: -5px;
+		vertical-align: top;
 		margin-right: 4px;
 		text-align: center;
 
@@ -120,6 +122,26 @@ header {
 		}
 	}
 
+	.sites .group,
+	.presets .group {
+		@include media-breakpoint-up(lg) {
+			display: inline-block;
+			vertical-align: top;
+		}
+	}
+
+	.sites .group {
+		@include media-breakpoint-up(lg) {
+			width: calc(100% - 290px);
+		}
+	}
+
+	.presets .group {
+		@include media-breakpoint-up(lg) {
+			width: calc(100% - 64px);
+		}
+	}
+
 	.btn-outline-light {
 		box-shadow: none !important;
 		border-color: #999;