WIP

resources/scss/_body.scss

@@ -1,4 +1,4 @@
-body {
+#app {
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;

resources/scss/_typography.scss

@@ -1,5 +1,5 @@
 @import 'https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap';
 
-body {
+#app {
 	font-family: 'Quicksand', sans-serif;
 }

resources/scss/layout/_do.scss

@@ -40,9 +40,26 @@
 
 
 
-body.layout-do {
+#app.layout-do {
 	font-family: 'Sailec', sans-serif;
 
+	.btn-sm {
+		padding: 0.375rem 0.5rem;
+	}
+
+	.btn-light.active {
+		@extend .btn-primary;
+	}
+
+	.btn-primary,
+	.btn-light.active {
+		background-color: #0069ff !important;
+	}
+
+	.btn-light {
+		background-color: #e5e5e5;
+	}
+
 	header {
 		padding: 0;
 		background-color: #031b4e;
@@ -270,6 +287,31 @@ body.layout-do {
 					font-size: 1rem;
 					margin-bottom: 8px;
 				}
+
+				select.form-control-sm {
+					height: calc(1.5em + 0.75rem + 2px);
+				}
+
+				.form-check.form-check-radio {
+					@extend .custom-radio;
+				}
+
+				.form-check.form-check-checkbox {
+					@extend .custom-checkbox;
+				}
+
+				.form-check.form-check-radio,
+				.form-check.form-check-checkbox {
+					@extend .custom-control;
+
+					.form-check-input {
+						@extend .custom-control-input;
+					}
+
+					.form-check-label {
+						@extend .custom-control-label;
+					}
+				}
 			}
 
 			.tab-navigation-buttons {
@@ -277,10 +319,6 @@ body.layout-do {
 				text-align: right;
 			}
 
-			.btn-primary {
-				background-color: #0069ff;
-			}
-
 			.btn-outline-light {
 				box-shadow: none !important;
 				color: #666;
@@ -292,12 +330,6 @@ body.layout-do {
 					background-color: #fff;
 					border-color: #212529;
 					color: #000;
-
-					svg {
-						path {
-							fill: #000;
-						}
-					}
 				}
 
 				svg {