diff --git a/src/components/Toolbar.jsx b/src/components/Toolbar.jsx index 9f7516b..ab26601 100644 --- a/src/components/Toolbar.jsx +++ b/src/components/Toolbar.jsx @@ -100,19 +100,24 @@ export default class Toolbar extends React.Component { render() { return
- - + Skip navigation - Maputnik -

Maputnik - v{pkgJson.version} -

-
+ + Maputnik +

Maputnik + v{pkgJson.version} +

+
+
diff --git a/src/components/inputs/SelectInput.jsx b/src/components/inputs/SelectInput.jsx index 5f3961a..7d06a64 100644 --- a/src/components/inputs/SelectInput.jsx +++ b/src/components/inputs/SelectInput.jsx @@ -4,7 +4,7 @@ import PropTypes from 'prop-types' class SelectInput extends React.Component { static propTypes = { value: PropTypes.string.isRequired, - "data-wd-key": PropTypes.string.isRequired, + "data-wd-key": PropTypes.string, options: PropTypes.array.isRequired, style: PropTypes.object, onChange: PropTypes.func.isRequired, diff --git a/src/components/layers/LayerTypeBlock.jsx b/src/components/layers/LayerTypeBlock.jsx index fce683d..6217485 100644 --- a/src/components/layers/LayerTypeBlock.jsx +++ b/src/components/layers/LayerTypeBlock.jsx @@ -8,7 +8,7 @@ import SelectInput from '../inputs/SelectInput' class LayerTypeBlock extends React.Component { static propTypes = { value: PropTypes.string.isRequired, - wdKey: PropTypes.string.isRequired, + wdKey: PropTypes.string, onChange: PropTypes.func.isRequired, } diff --git a/src/styles/_react-collapse.scss b/src/styles/_react-collapse.scss index a58ddde..ab81c17 100644 --- a/src/styles/_react-collapse.scss +++ b/src/styles/_react-collapse.scss @@ -1,5 +1,8 @@ // See .react-collapse-container { - position: relative; - overflow: hidden; + display: flex; + + > * { + flex: 1; + } } diff --git a/src/styles/_toolbar.scss b/src/styles/_toolbar.scss index d2c9513..75993dd 100644 --- a/src/styles/_toolbar.scss +++ b/src/styles/_toolbar.scss @@ -9,7 +9,13 @@ background-color: $color-black; } +.maputnik-toolbar-logo-container { + position: relative; +} + .maputnik-toolbar-logo { + text-decoration: none; + display: block; flex: 0 0 180px; width: 180px; text-align: left; @@ -21,6 +27,7 @@ h1 { display: inline; + line-height: 26px; } img { @@ -51,9 +58,7 @@ } .maputnik-toolbar-version { - position: absolute; font-size: 10px; - bottom: -2px; margin-left: 4px; white-space: nowrap; }