From 12f92786ae54ba426a0a9ba5ad440765b1c8f1e5 Mon Sep 17 00:00:00 2001 From: Ricardo Hernandez-Montoya Date: Wed, 22 Mar 2017 17:25:50 +0100 Subject: [PATCH] issue #25 edit buttons position --- src/containers/visualization.js | 35 ++++++++++++++++++++------------- src/styles/app.css | 31 +++++++++++++++++++++++++++++ 2 files changed, 52 insertions(+), 14 deletions(-) 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; +}