From 293c9d66a47e66ef2d6e6170fbadcdf8b769e0dd Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Wed, 12 Jan 2022 21:32:53 +0100
Subject: [PATCH] Problem: fold arrow is small

Solution: increase size of clickable area for arrow
---
 editor/src/styles.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/editor/src/styles.scss b/editor/src/styles.scss
index 3e41e5b..a8d38ec 100644
--- a/editor/src/styles.scss
+++ b/editor/src/styles.scss
@@ -79,10 +79,6 @@ body {
   display: none;
 }
 
-.list-item .fold {
-  visibility: hidden;
-}
-
 .list-item:hover .fold {
   visibility: visible;
 }
@@ -96,11 +92,17 @@ body {
 }
 
 .list-item .fold {
+  height: 24px;
+  width: 24px;
+  text-align: center;
   align-self: flex-start;
+  flex-shrink: 0;
   font-size: 10px;
-  margin-top: 4px;
   margin-right: 3px;
   cursor: pointer;
+  visibility: hidden;
+  display: inline-block;
+  padding-top: 4px;
 }
 
 // enable to close multi line content