apply material design ; make whole dialog draggable

src/components/Shared/ValidationErrorsInfoDialog.js

@@ -4,6 +4,9 @@ import Dialog from './draggable-dialog';
 
 import './draggable-dialog/css/index.css';
 
+const defaultDialogHeight = 100; //px
+const dialogHeightPerLine = 25; //px
+
 export class ValidationErrorsInfoDialog extends React.Component {
 
     state = {
@@ -29,7 +32,6 @@ export class ValidationErrorsInfoDialog extends React.Component {
         <FlatButton
           label="Dismiss"
           primary={true}
-          keyboardFocused={true}
           onClick={this.handleClose}
         />,
       ];
@@ -43,6 +45,8 @@ export class ValidationErrorsInfoDialog extends React.Component {
                     isDraggable={this.props.draggable ? this.props.draggable : false}
                     buttons={actions}
                     hasCloseIcon={false}
+                    modal={this.props.modal ? this.props.modal : false}
+                    height={defaultDialogHeight + this.props.errorMessages.length * dialogHeightPerLine}
                 >
                     {this.props.errorMessages.map(errorMessage => {
                       return (