diff --git a/src/modules/ui/components/left_panel/stories.js b/src/modules/ui/components/left_panel/stories.js index d941b70..209bec2 100755 --- a/src/modules/ui/components/left_panel/stories.js +++ b/src/modules/ui/components/left_panel/stories.js @@ -5,6 +5,11 @@ const listStyle = { ...baseFonts, }; +const listStyleType = { + listStyleType: 'none', + 'padding-left': 0, +}; + const kindStyle = { fontSize: 15, padding: '10px 0px', @@ -37,10 +42,8 @@ class Stories extends React.Component { renderStory(story) { const { selectedStory } = this.props; - const style = { ...storyStyle }; + const style = { display: 'block', ...storyStyle }; const props = { - key: story, - style, onClick: this.fireOnStory.bind(this, story), }; @@ -49,41 +52,39 @@ class Stories extends React.Component { } return ( -
- {story} -
+
  • + {story} +
  • ); } renderKind({ kind, stories }) { const { selectedKind } = this.props; - const style = { ...kindStyle }; + const style = { display: 'block', ...kindStyle }; + const onClick = this.fireOnKind.bind(this, kind); if (kind === selectedKind) { style.fontWeight = 'bold'; return ( -
    -
    +
  • + {kind} -
  • +
    - {stories.map(this.renderStory)} +
    -
    + ); } return ( -
    - {kind} -
    +
  • + + {kind} + +
  • ); } @@ -91,7 +92,9 @@ class Stories extends React.Component { const { stories } = this.props; return (
    - {stories.map(this.renderKind)} +
    ); }