Update styles for dice and Vlyan dev

system/styles/scss/global.scss

@@ -12,6 +12,7 @@ body {
         position: relative;
         background: url("../assets/imgs/bgL5R.webp") no-repeat;
         background-size: cover;
+        scrollbar-width: thin;
     }
     .window-resizable-handle {
         z-index: 2;
@@ -50,6 +51,12 @@ li {
     padding: 0;
 }
 
+// Fieldset
+fieldset {
+    flex: 1;
+    display: flex;
+}
+
 // inputs
 input[type="text"],
 input[type="number"],
@@ -62,6 +69,11 @@ input[type="time"] {
     color: $l5r5e-bold;
 }
 
+// Editors
+.editor {
+    flex: 1;
+}
+
 // Elements Colors
 .earth {
     color: $l5r5e-earth;

system/styles/scss/nav.scss

@@ -1,5 +1,4 @@
 // -- Nav
-
 nav {
     &.sheet-tabs {
         font-family: $font-tertiary;
@@ -24,6 +23,16 @@ nav {
             background-color: $l5r5e-label;
             color: $white;
             text-shadow: none;
+            clip-path: polygon(
+                0% var(--notchSize),
+                var(--notchSize) 0%,
+                calc(100% - var(--notchSize)) 0%,
+                100% var(--notchSize),
+                100% 100%,
+                0 100%,
+                0% 0%,
+                0% 100%
+            );
         }
     }
     .item.active {

system/styles/scss/sheets.scss

@@ -1,6 +1,14 @@
 /** Sheets **/
 &.sheet {
     min-width: 600px;
+    form {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .sheet-header,
+    .sheet-body {
+        flex: 100%;
+    }
     .sheet-header {
         h1 {
             flex: auto;
@@ -178,6 +186,7 @@
         background: $l5r5e-white;
         padding: 0.5rem;
         flex-wrap: wrap;
+        min-height: calc(100% - 2.25rem);
         &.tab[data-tab] {
             &.active {
                 display: flex;