From 87e43ed873a7f551f2411127cb1830921a50795f Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Tue, 22 Jun 2021 08:22:05 -0500
Subject: [PATCH] Minor visual fixes

---
 src/components/system/Microtab.vue |  7 +++++++
 src/components/system/Tabs.vue     | 13 +++++++------
 src/data/layers/aca/c.js           |  2 +-
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/system/Microtab.vue b/src/components/system/Microtab.vue
index d367c87..4928a37 100644
--- a/src/components/system/Microtab.vue
+++ b/src/components/system/Microtab.vue
@@ -73,3 +73,10 @@ export default {
 	height: 50px;
 }
 </style>
+
+<style>
+.microtabs .sticky {
+	margin-left: unset !important;
+	margin-right: unset !important;
+}
+</style>
diff --git a/src/components/system/Tabs.vue b/src/components/system/Tabs.vue
index 6698a0f..4197d1d 100644
--- a/src/components/system/Tabs.vue
+++ b/src/components/system/Tabs.vue
@@ -59,6 +59,8 @@ export default {
     min-height: calc(100% - 100px);
     display: flex;
     flex-direction: column;
+    margin: 0;
+    flex-grow: 1;
 }
 
 .separator {
@@ -89,12 +91,6 @@ export default {
 	margin: 7px 0;
 }
 
-.tabs-container > .simplebar-wrapper,
-.simplebar-content-wrapper,
-.simplebar-content {
-	min-height: 100%;
-}
-
 .tabs-container > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
 	display: flex;
 	height: 100vh;
@@ -107,4 +103,9 @@ export default {
 .tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper {
 	position: static;
 }
+
+.tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
+    flex-direction: column;
+    min-height: 100%;
+}
 </style>
diff --git a/src/data/layers/aca/c.js b/src/data/layers/aca/c.js
index 1a99884..a7079a9 100644
--- a/src/data/layers/aca/c.js
+++ b/src/data/layers/aca/c.js
@@ -376,7 +376,7 @@ export default {
 				<div v-frag>
 					<h1> C O N F I R M E D </h1>
 					<spacer />
-					<microtab family="stuff" style="width: 660px; height: 370px; background-color: brown; border: solid white; margin: auto" />
+					<microtab family="stuff" style="width: 660px; height: 370px; background-color: brown; --background: brown; border: solid white; margin: auto" />
 					<div>Adjust how many points H gives you!</div>
 					<Slider :value="player.c.otherThingy" @change="value => player.c.otherThingy = value" :min="1" :max="30" />
 				</div>