[WIP ]space view

Document list renders as per design

gui/app/styles/widget/widget-button.scss

@@ -313,6 +313,11 @@
     }
 }
 
+
+//
+// Bootstrap 4 compatible
+//
+
 .button-gap {
 	width: 5px;
 	margin: 0;

gui/app/styles/widget/widget-input.scss

@@ -256,3 +256,9 @@
 .checkbox-gray {
 	color: $color-gray !important;
 }
+
+
+
+//
+// Bootstrap 4 compatible
+//

gui/app/styles/widget/widget-tabnav.scss

@@ -0,0 +1,35 @@
+.tabnav-control {
+	padding: 0;
+	margin: 0;
+
+	> .tab {
+		@include ease-in();
+		display: inline-block;
+		margin: 0;
+		padding: 5px 15px;
+		background-color: $color-white;
+		color: $color-primary;
+		font-weight: bold;
+		font-size: 1.1rem;
+		text-align: center;
+		cursor: pointer;
+		border: 1px solid $color-border;
+		margin: -1px 0 0 -5px;				// handles border overlap when tabs wrap onto 2nd line
+
+		&:first-of-type {
+			@include border-radius-left(3px);
+		}
+
+		&:last-of-type {
+			@include border-radius-right(3px);
+		}
+
+		&:hover {
+			background-color: $color-primary-light;
+		}
+	}
+
+	> .selected {
+		background-color: $color-primary-light;
+	}
+}

gui/app/styles/widget/widget.scss

@@ -76,4 +76,5 @@
 @import "widget-symbol";
 @import "widget-tab";
 @import "widget-table";
+@import "widget-tabnav";
 @import "widget-tooltip";