From 9caae8c8c0f925461cc5dd432992ed3c49076fd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 23 Nov 2018 07:43:25 +0100
Subject: [PATCH] adding back button

---
 .../dashboard/dashgrid/PanelEditor.tsx         |  3 +++
 public/sass/components/_panel_editor.scss      | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/public/app/features/dashboard/dashgrid/PanelEditor.tsx b/public/app/features/dashboard/dashgrid/PanelEditor.tsx
index eef7431eec5..56067f67495 100644
--- a/public/app/features/dashboard/dashgrid/PanelEditor.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelEditor.tsx
@@ -87,6 +87,9 @@ export class PanelEditor extends PureComponent<PanelEditorProps> {
 
     return (
       <div className="panel-editor-container__editor">
+        <div className="panel-editor__close">
+          <i className="fa fa-arrow-left" />
+        </div>
         {
           // <div className="panel-editor-resizer">
           //   <div className="panel-editor-resizer__handle">
diff --git a/public/sass/components/_panel_editor.scss b/public/sass/components/_panel_editor.scss
index ba4f8af633f..2f92e736a58 100644
--- a/public/sass/components/_panel_editor.scss
+++ b/public/sass/components/_panel_editor.scss
@@ -40,6 +40,24 @@
   box-shadow: $popover-shadow;
 }
 
+.panel-editor__close {
+  @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl);
+  position: absolute;
+  left: 11px;
+  top: 5px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+
+  i {
+    flex-grow: 1;
+    text-align: center;
+    font-size: 20px;
+  }
+}
+
 .panel-editor__scroll {
   flex-grow: 1;
   min-width: 0;