Make the whole layer label draggable

src/styles/_layer.scss

@@ -24,6 +24,15 @@
     padding-bottom: $margin-5;
   }
 
+  &-item-handle {
+    flex: 1;
+    display: flex;
+
+    svg {
+      margin-right: 4px;
+    }
+  }
+
   &-item {
     font-weight: 400;
     color: $color-lowgray;
@@ -36,14 +45,12 @@
     z-index: 2000;
     cursor: pointer;
     position: relative;
-    padding: 5px 10px;
+    padding: 5px;
     line-height: 1.3;
     max-height: 50px;
     opacity: 1;
     -webkit-transition: opacity 600ms, visibility 600ms;
     transition: opacity 600ms, visibility 600ms;
-    padding-left: 0;
-    margin-left: -4px;
 
     @media screen and (prefers-reduced-motion: reduce) {
       transition-duration: 0;
@@ -234,29 +241,9 @@
   }
 }
 
-.layer-handle {
-  width: 35px;
-  flex-shrink: 0;
-  cursor: move;
-
-  &__handle {
-    margin-right: 4px;
-    display: inline-block;
-    width: 14px;
-    height: 14px;
-
-    :not(:hover) {
-      path {
-        fill: #555;
-      }
-    }
-  }
-
-  &__icon {
-    padding-right: 3px;
-    display: inline-block;
-    width: 14px;
-    height: 14px;
-  }
+.collapser {
+  padding: 0;
+  background: none;
+  border: none;
+  color: inherit;
 }
-