help and box shadows

src/ui/components/common/HelpButton.tsx

@@ -5,7 +5,8 @@ import Help from '../../../resources/icons/help.svg'
 import MiniDialog from '../MiniDialog'
 
 interface IProps {
-  contents: string
+  children?: React.ReactNode[] | React.ReactNode;
+  contents?: string
   id?: string
 }
 
@@ -44,7 +45,7 @@ export default class HelpButton extends React.Component<IProps, IState> {
           display: this.state.opened ? 'block' : 'none'
         }}>
           <MiniDialog closeFn={this.setClosed}>
-            {this.props.contents}
+            {this.props.contents || this.props.children}
           </MiniDialog>
         </div>
       </div>