narrowing sidebar from 120px to 100px and panel from 345px to 335px

Author: nicolaskruchten

src/DefaultEditor.js

@@ -73,13 +73,13 @@ class DefaultEditor extends Component {
         {logo ? logo : null}
         <GraphCreatePanel group={_('Graph')} name={_('Create')} />
         <GraphSubplotsPanel group={_('Graph')} name={_('Subplots')} />
-        {this.hasTransforms() && <GraphTransformsPanel group={_('Graph')} name={_('Transforms')} />}
+        {this.hasTransforms() && <GraphTransformsPanel group={_('Graph')} name={_('Transform')} />}
         <StyleTracesPanel group={_('Style')} name={_('Traces')} />
         <StyleLayoutPanel group={_('Style')} name={_('Layout')} />
         {this.hasAxes() && <StyleAxesPanel group={_('Style')} name={_('Axes')} />}
         <StyleLegendPanel group={_('Style')} name={_('Legend')} />
         {this.hasColorbars() && <StyleColorbarsPanel group={_('Style')} name={_('Color Bars')} />}
-        <StyleNotesPanel group={_('Style')} name={_('Annotations')} />
+        <StyleNotesPanel group={_('Style')} name={_('Annotate')} />
         <StyleShapesPanel group={_('Style')} name={_('Shapes')} />
         <StyleImagesPanel group={_('Style')} name={_('Images')} />
         {this.hasSliders() && <StyleSlidersPanel group={_('Style')} name={_('Sliders')} />}

src/styles/components/fields/_field.scss

@@ -40,7 +40,7 @@
     align-self: center;
   }
   &__title {
-    width: 30%;
+    width: 80px;
     //flex-shrink:0;
     padding-left: var(--spacing-half-unit);
     display: block;

src/styles/variables/_layout.scss

@@ -1,5 +1,5 @@
 /*
  * Layout
  */
-$layout-panel-width: 345px;
-$layout-sidebar-width: 120px;
+$layout-panel-width: 335px;
+$layout-sidebar-width: 100px;