From 37aa2d35d5127e39b20f9467f9e1d40811def045 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Sun, 25 Oct 2020 17:33:53 +0100
Subject: [PATCH] minor changes

---
 src/components/Chart.vue                      | 30 ++++++++++++++++++-
 .../{splitpanes.vue => Splitpanes.vue}        |  2 +-
 src/components/TabContent.vue                 |  2 +-
 src/views/Editor.vue                          |  2 +-
 4 files changed, 32 insertions(+), 4 deletions(-)
 rename src/components/{splitpanes.vue => Splitpanes.vue} (99%)

diff --git a/src/components/Chart.vue b/src/components/Chart.vue
index 737f45a..073e450 100644
--- a/src/components/Chart.vue
+++ b/src/components/Chart.vue
@@ -4,7 +4,7 @@
     :data="state.data"
     :layout="state.layout"
     :frames="state.frames"
-    :config="{ editable: true }"
+    :config="{ editable: true, displaylogo: false }"
     :dataSources="dataSources"
     :dataSourceOptions="dataSourceOptions"
     :plotly="plotly"
@@ -12,6 +12,7 @@
     :useResizeHandler="true"
     :debug="true"
     :advancedTraceTypeSelector="true"
+    class="chart"
   />
 </template>
 
@@ -85,3 +86,30 @@ export default {
   }
 }
 </script>
+<style scoped>
+.chart {
+  height: calc(100% - 89px);
+  border-top: 1px solid var(--color-border);
+}
+
+>>> .editor_controls .sidebar__item:before {
+  width: 0;
+}
+
+>>> .sidebar {
+  width: 120px;
+  min-width: 120px;
+  max-width: 120px;
+}
+
+>>> .editor_controls__wrapper>.panel,
+>>> .editor_controls .panel__empty {
+  width: 315px;
+}
+>>> .editor_controls .sidebar__group__title {
+  padding-left: 10px;
+}
+>>> .editor_controls .sidebar__item {
+  padding-left: 32px;
+}
+</style>
diff --git a/src/components/splitpanes.vue b/src/components/Splitpanes.vue
similarity index 99%
rename from src/components/splitpanes.vue
rename to src/components/Splitpanes.vue
index c8680ab..b9f71bd 100644
--- a/src/components/splitpanes.vue
+++ b/src/components/Splitpanes.vue
@@ -45,7 +45,7 @@
 <script>
 
 export default {
-  name: 'splitpanes',
+  name: 'Splitpanes',
   props: {
     horizontal: { type: Boolean, default: false },
     before: { type: Object },
diff --git a/src/components/TabContent.vue b/src/components/TabContent.vue
index 8358aba..0d08439 100644
--- a/src/components/TabContent.vue
+++ b/src/components/TabContent.vue
@@ -44,7 +44,7 @@
 <script>
 import SqlTable from '@/components/SqlTable'
 import SqlEditor from '@/components/SqlEditor'
-import Splitpanes from '@/components/splitpanes'
+import Splitpanes from '@/components/Splitpanes'
 import ViewSwitcher from '@/components/ViewSwitcher'
 import Chart from '@/components/Chart'
 
diff --git a/src/views/Editor.vue b/src/views/Editor.vue
index 26415b2..4809acd 100644
--- a/src/views/Editor.vue
+++ b/src/views/Editor.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import Splitpanes from '@/components/splitpanes'
+import Splitpanes from '@/components/Splitpanes'
 import Schema from '@/components/Schema'
 import Tabs from '@/components/Tabs'