- {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;
+}