From 59a42b0e6564cea60ff48a3f7cb0d43009f2bf5f Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Wed, 9 Sep 2020 19:06:37 +0200
Subject: [PATCH] ++

---
 zero.Web.UI/App/components/forms/property.vue |  5 +++++
 zero.Web.UI/App/components/tabs/tabs.vue      | 14 +++++++-------
 zero.Web.UI/Sass/Settings/_shadows.scss       |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/zero.Web.UI/App/components/forms/property.vue b/zero.Web.UI/App/components/forms/property.vue
index cc5a5eca..4906256e 100644
--- a/zero.Web.UI/App/components/forms/property.vue
+++ b/zero.Web.UI/App/components/forms/property.vue
@@ -98,6 +98,11 @@
     font-size: var(--font-size);
     line-height: 1.5;
     font-weight: 700;
+
+    /*.ui-property:focus-within &
+    {
+      color: var(--color-accent-info);
+    }*/
   }
 
   .ui-property-label small
diff --git a/zero.Web.UI/App/components/tabs/tabs.vue b/zero.Web.UI/App/components/tabs/tabs.vue
index 602f702f..7cfc7078 100644
--- a/zero.Web.UI/App/components/tabs/tabs.vue
+++ b/zero.Web.UI/App/components/tabs/tabs.vue
@@ -151,6 +151,7 @@
       font-weight: 700;
       color: var(--color-text);
       background: var(--color-box);
+      box-shadow: var(--shadow-short);
 
       .ui-tabs-list-item-count
       {
@@ -178,17 +179,16 @@
       }
     }
 
-    &:first-child.is-active:before
+    &.is-active:after
     {
       content: '';
       position: absolute;
-      display: inline-block;
-      background: var(--color-box);
       left: 0;
-      bottom: -8px;
-      height: 8px;
-      width: 8px;
-      z-index: 0;
+      right: 0;
+      bottom: -4px;
+      height: 5px;
+      background: var(--color-box);
+      z-index: 1;
     }
   }
 
diff --git a/zero.Web.UI/Sass/Settings/_shadows.scss b/zero.Web.UI/Sass/Settings/_shadows.scss
index f3082d62..820368d6 100644
--- a/zero.Web.UI/Sass/Settings/_shadows.scss
+++ b/zero.Web.UI/Sass/Settings/_shadows.scss
@@ -2,7 +2,7 @@
 :root
 {
   --shadow: 0 3px 20px rgba(0, 0, 0, 0.07);
-  --shadow-short: 0.5px 0.5px 2px 0 rgba(0, 0, 0, 0.06);
+  --shadow-short: 0.5px 0.5px 3px 0 rgba(0, 0, 0, 0.06);
   //--shadow-dropdown: rgba(0, 0, 0, 0.15);
   --shadow-dropdown: 3px 6px 15px rgba(0, 0, 0, 0.07);
   --shadow-overlay: -30px 0 40px rgba(0, 0, 0, 0.07);