From 361f4f13a5b1b845d3bb41302ad8de130f11c09c Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Sun, 8 Aug 2021 12:14:27 +0200
Subject: [PATCH] Style tweaks

---
 .../propEditors/utils/SingleRowPropEditor.tsx   | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/SingleRowPropEditor.tsx b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/SingleRowPropEditor.tsx
index 8aaddb0..339ba9e 100644
--- a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/SingleRowPropEditor.tsx
+++ b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/SingleRowPropEditor.tsx
@@ -16,14 +16,27 @@ export const indentationFormula = `calc(var(--left-pad) + var(--depth) * var(--s
 export const rowBgColor = transparentize(0.05, '#282b2f')
 
 export const rowBg = css`
-  &:after {
+  &:after,
+  &:before {
     position: absolute;
     display: block;
-    inset: 0px 0 1px calc(-2px + var(--left-pad) + var(--depth) * var(--step));
     content: ' ';
     z-index: -1;
+    box-sizing: content-box;
+  }
+
+  &:after {
+    inset: 0px 0 1px calc(-2px + var(--left-pad) + var(--depth) * var(--step));
     background-color: ${rowBgColor};
   }
+
+  &:before {
+    height: 2px;
+    right: 0;
+    bottom: -1px;
+    left: calc(-2px + var(--left-pad) + var(--depth) * var(--step));
+    background-color: ${transparentize(0.3, rowBgColor)};
+  }
 `
 
 export const propNameText = css`