From a3d586a75de92f7238f46e832d2667877686a6b0 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Mon, 26 Dec 2016 11:22:41 +0100
Subject: [PATCH] Give more space to layer editor

---
 src/components/AppLayout.jsx            | 2 +-
 src/components/fields/ColorField.jsx    | 4 ++--
 src/components/layers/LayerListItem.jsx | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/AppLayout.jsx b/src/components/AppLayout.jsx
index 7c2b654e..70fceb84 100644
--- a/src/components/AppLayout.jsx
+++ b/src/components/AppLayout.jsx
@@ -52,7 +52,7 @@ class AppLayout extends React.Component {
         top: 40,
         left: 200,
         zIndex: 1,
-        width: 300,
+        width: 350,
         backgroundColor: colors.black
       }}>
         <ScrollContainer>
diff --git a/src/components/fields/ColorField.jsx b/src/components/fields/ColorField.jsx
index c14573bc..f3609afd 100644
--- a/src/components/fields/ColorField.jsx
+++ b/src/components/fields/ColorField.jsx
@@ -35,13 +35,13 @@ class ColorField extends React.Component {
       const pos = elem.getBoundingClientRect()
       return {
         top: pos.top,
-        left: pos.left + 165,
+        left: pos.left + 196,
       }
     } else {
       console.warn('Color field has no element to adjust position')
       return {
         top: 160,
-        left: 500,
+        left: 555,
       }
     }
   }
diff --git a/src/components/layers/LayerListItem.jsx b/src/components/layers/LayerListItem.jsx
index 980a1fa8..5721de8b 100644
--- a/src/components/layers/LayerListItem.jsx
+++ b/src/components/layers/LayerListItem.jsx
@@ -137,6 +137,7 @@ class LayerListItem extends React.Component {
       padding: margins[1],
       borderColor: Color(colors.black).lighten(0.10).string(),
       backgroundColor: colors.black,
+      lineHeight: 1.3,
     }
 
     if(this.state.hover) {