geosolutions-it#4079 units dropdown is not fully visible in measure t…

…ool (geosolutions-it#4081)

It turned out that the unit dropdown options in measure dialog gets
hidden behind the dialog and prevent user to select. This commit
fix and make the dropdown options visible and selectable.

Note:
This commits also change the border layout by allowing it to accept
style to override the default border inline style.

web/client/components/layout/BorderLayout.jsx

@@ -19,13 +19,14 @@ const React = require('react');
  *  /></BorderLayout>
  *
  */
-module.exports = ({id, children, header, footer, columns, height, className, bodyClassName = "ms2-border-layout-body"}) =>
+module.exports = ({id, children, header, footer, columns, height, style={}, className, bodyClassName = "ms2-border-layout-body"}) =>
     (<div id={id} className={className} style={{
         display: "flex",
         flexDirection: "column",
         width: "100%",
         height: "100%",
-        overflow: "hidden"
+        overflow: "hidden",
+        ...style
         }}>
         {header}
         <div className={bodyClassName} style={{

web/client/components/mapcontrols/measure/MeasureComponent.jsx

@@ -256,6 +256,7 @@ class MeasureComponent extends React.Component {
         return (
            <BorderLayout
                id={this.props.id}
+               style={{overflow: 'visible'}}
                header={
                    <div>
                        <ButtonToolbar style={{width: '100%', marginBottom: 15, marginTop: 8, display: 'flex', justifyContent: 'center'}}>