Fix padding for Tabs on blank project

getredash · Apr 10, 2020 · 12fe55a · 12fe55a
1 parent 1a759b4
commit 12fe55a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/app/components/visualizations/editor/TabbedEditor.less b/client/app/components/visualizations/editor/TabbedEditor.less
@@ -0,0 +1,5 @@
+.visualization-editor-tabs {
+  .ant-tabs-tab {
+    padding: 12px 16px;
+  }
+}
diff --git a/client/app/components/visualizations/editor/createTabbedEditor.jsx b/client/app/components/visualizations/editor/createTabbedEditor.jsx
@@ -4,6 +4,8 @@ import PropTypes from "prop-types";
 import Tabs from "antd/lib/tabs";
 import { EditorPropTypes } from "@/visualizations/prop-types";
 
+import "./TabbedEditor.less";
+
 export const UpdateOptionsStrategy = {
   replace: (existingOptions, newOptions) => merge({}, newOptions),
   shallowMerge: (existingOptions, newOptions) => extend({}, existingOptions, newOptions),
@@ -18,7 +20,7 @@ export function TabbedEditor({ tabs, options, data, onOptionsChange, ...restProp
   tabs = filter(tabs, tab => (isFunction(tab.isAvailable) ? tab.isAvailable(options, data) : true));
 
   return (
-    <Tabs animated={false} tabBarGutter={0}>
+    <Tabs className="visualization-editor-tabs" animated={false} tabBarGutter={0}>
       {map(tabs, ({ key, title, component: Component }) => (
         <Tabs.TabPane key={key} tab={<span data-test={`VisualizationEditor.Tabs.${key}`}>{title}</span>}>
           <Component options={options} data={data} onOptionsChange={optionsChanged} {...restProps} />