From e6dd4bf33269906fa48c179441c326867ad1e705 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Wed, 15 Feb 2023 22:43:44 -0600
Subject: [PATCH] Fix some Layer styling

---
 src/components/Layer.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/Layer.vue b/src/components/Layer.vue
index f4f11b8..a3fffda 100644
--- a/src/components/Layer.vue
+++ b/src/components/Layer.vue
@@ -73,6 +73,10 @@ export default defineComponent({
             player.tabs.splice(unref(props.index), Infinity);
         }
 
+        function setMinimized(min: boolean) {
+            minimized.value = min;
+        }
+
         function updateNodes(nodes: Record<string, FeatureNode | undefined>) {
             props.nodes.value = nodes;
         }
@@ -90,6 +94,15 @@ export default defineComponent({
 </script>
 
 <style scoped>
+.layer-container {
+    min-width: 100%;
+    min-height: 100%;
+    margin: 0;
+    flex-grow: 1;
+    display: flex;
+    isolation: isolate;
+}
+
 .layer-tab:not(.minimized) {
     padding-top: 20px;
     padding-bottom: 20px;
@@ -123,6 +136,7 @@ export default defineComponent({
 .layer-tab.minimized > * {
     margin: 0;
     writing-mode: vertical-rl;
+    text-align: left;
     padding-left: 10px;
     width: 50px;
 }
@@ -166,8 +180,8 @@ export default defineComponent({
 
 .goBack {
     position: sticky;
-    top: 6px;
-    left: 20px;
+    top: 10px;
+    left: 10px;
     line-height: 30px;
     margin-top: -50px;
     margin-left: -35px;
@@ -176,7 +190,7 @@ export default defineComponent({
     box-shadow: var(--background) 0 2px 3px 5px;
     border-radius: 50%;
     color: var(--foreground);
-    font-size: 40px;
+    font-size: 30px;
     cursor: pointer;
     z-index: 7;
 }
@@ -186,3 +200,10 @@ export default defineComponent({
     text-shadow: 0 0 7px var(--foreground);
 }
 </style>
+
+<style>
+.layer-tab.minimized > * > .desc {
+    color: var(--accent1);
+    font-size: 30px;
+}
+</style>