From 810fd802b59935d2ec720d7a900f4012694a6c5e Mon Sep 17 00:00:00 2001
From: yosilevy <37745463+yosilevy@users.noreply.github.com>
Date: Sun, 3 Feb 2019 08:06:36 +0200
Subject: [PATCH] Lovelace editor - flex spacing (#2666)

* Converted lovelace editor to flex spacing

* Removed margin-top leftover
---
 src/panels/lovelace/editor/card-editor/hui-edit-card.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/editor/card-editor/hui-edit-card.ts b/src/panels/lovelace/editor/card-editor/hui-edit-card.ts
index 7c8998aa21..3898e7b9ac 100644
--- a/src/panels/lovelace/editor/card-editor/hui-edit-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-edit-card.ts
@@ -435,9 +435,14 @@ export class HuiEditCard extends LitElement {
         .content {
           display: flex;
           flex-direction: column;
+          margin: 0 -10px;
         }
         .content hui-card-preview {
           margin-top: 16px;
+          margin: 0 10px;
+        }
+        .content .element-editor {
+          margin: 0 10px;
         }
 
         @media (min-width: 1200px) {
@@ -453,7 +458,7 @@ export class HuiEditCard extends LitElement {
             flex: auto;
           }
           .content hui-card-preview {
-            margin: 0 24px;
+            margin: 0 10px;
             flex: 490px;
             max-width: 490px;
           }