💄 UI Improvements

hyperglass/static/overrides.sass

@@ -1,97 +1,125 @@
-#hg-form 
+#hg-form
-	margin-top: 20% !important 
+	margin-top: 15% !important
-	max-width: 75% 
+	margin-bottom: 10% !important
-.nav-masthead 
+	padding: unset
-	.nav-link 
+
-		& + .nav-link 
+#hg-results
-			margin-left: 1rem 
+	margin-top: 5% !important
+	margin-bottom: 5% !important
+	padding: unset
+
+.nav-masthead
+	.nav-link
+		& + .nav-link
+			margin-left: 1rem
 
 // Fixes input group issue where button is 1px taller than the input element (default is 2px)
 .input-group-lg > .form-control:not(textarea),
-.input-group-lg > .custom-select, 
+.input-group-lg > .custom-select,
-.bootstrap-select.form-control-lg .dropdown-toggle 
+.bootstrap-select.form-control-lg .dropdown-toggle
-	height: calc(1.5em + 1rem + 3px) !important 
+	height: calc(1.5em + 1rem + 3px) !important
 
-#hg-accordion 
+.hg-back:hover
-	.btn-link 
+	text-decoration: none 
-		font-weight: 200 
+	border: 1px solid $primary !important
-		font-size: 1.4rem 
 
-.hg-menu-btn 
+.hg-back:focus
-	-webkit-transition: none 
+	text-decoration: none
-	-moz-transition: none 
-	-o-transition: none 
-	transition: none 
 
-.hg-menu-icon 
+.hg-back
-	-webkit-transition: all 0.5s ease 
+	position: fixed !important
-	-moz-transition: all 0.5s ease 
+	width: 3rem !important
-	-o-transition: all 0.5s ease 
+	height: 3rem !important
-	transition: all 0.5s ease 
+	left: 2rem !important
+	bottom: 2rem !important
+	border-radius: 50rem !important
+	border: 1px solid $card-border-color !important
+	transition: all .3s !important
+	font-weight: 200 !important
+	font-size: 1.4rem !important
+	opacity: 1 !important
+	pointer-events: auto !important
 
-.tab-content 
+#hg-accordion
-	overflow: hidden 
+	.btn-link
+		font-weight: 200
+		font-size: 1.4rem
 
-.tab-pane 
+.hg-menu-btn
-	& > pre 
+	-webkit-transition: none
-		min-height: 45vh 
+	-moz-transition: none
-		max-height: 60vh 
+	-o-transition: none
-		-ms-overflow-style: none 
+	transition: none
-		scrollbar-width: none 
 
-::-webkit-scrollbar 
+.hg-menu-icon
-	width: 0px 
+	-webkit-transition: all 0.5s ease
-	background: transparent 
+	-moz-transition: all 0.5s ease
+	-o-transition: all 0.5s ease
+	transition: all 0.5s ease
 
-.hg-status-container 
+.tab-content
-	display: inline-block 
+	overflow: hidden
-	text-align: center 
-	vertical-align: middle 
-	line-height: 1.5 
 
-.hg-loading 
+.tab-pane
-	animation: spinner-border .75s linear infinite 
+	& > pre
+		min-height: 45vh
+		max-height: 60vh
+		-ms-overflow-style: none
+		scrollbar-width: none
 
-.accordion 
+::-webkit-scrollbar
-	div 
+	width: 0px
-		&.card 
+	background: transparent
-			&:only-child 
-				border-bottom: $card-border-width solid $card-border-color 
 
-.btn:focus,.btn:active 
+.hg-status-container
-	outline: none !important 
+	display: inline-block
-	box-shadow: none 
+	text-align: center
+	vertical-align: middle
+	line-height: 1.5
+
+.hg-loading
+	animation: spinner-border .75s linear infinite
+
+.accordion
+	div
+		&.card
+			&:only-child
+				border-bottom: $card-border-width solid $card-border-color
+
+.btn:focus,.btn:active
+	outline: none !important
+	box-shadow: none
 
 .bg-primary
-	* 
+	*
 		color: findTextColor($primary) !important
 
 .bg-secondary
-	* 
+	*
 		color: findTextColor($secondary) !important
 
 .bg-success
-	* 
+	*
 		color: findTextColor($success) !important
 
 .bg-danger
-	* 
+	*
 		color: findTextColor($danger) !important
 
 .bg-warning
-	* 
+	*
 		color: findTextColor($warning) !important
 
 .bg-info
-	* 
+	*
 		color: findTextColor($info) !important
 
 .bg-light
-	* 
+	*
 		color: findTextColor($light) !important
 
 .bg-dark
-	* 
+	*
 		color: findTextColor($dark) !important
 
 .bg-primary