diff --git a/src/containers/visualization.js b/src/containers/visualization.js index b4228b1..18e75bc 100644 --- a/src/containers/visualization.js +++ b/src/containers/visualization.js @@ -261,21 +261,28 @@ class Visualization extends Component { return (
-
-

- {this.state.visualization.name} -

- -
- {this.state.editing ? ( -
- - -
- ) : ( - - )} +
+
+ + {this.state.visualization.name} +
+ {this.state.editing ? ( +
+ + +
+ ) : ( +
+ +
+ )}
diff --git a/src/styles/app.css b/src/styles/app.css index 6c7ad7a..a806c08 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -174,3 +174,34 @@ body { cursor: default !important; } + +/** + * Sections + */ +.section-header div { + display: inline-block; + vertical-align: middle; + height: 100%; +} + +.section-title { + font-size: 1.5em; +} + +.section-header .section-buttons-group { + margin-right: 10px; + margin-left: 10px; +} + +.section-header button { + padding-left: 3px; + padding-right: 3px; +} + +.section-header .btn-link:hover, .section-header .btn-link:focus { + text-decoration: none; +} + +.section-header .glyphicon { + font-size: 0.8em; +}