Fix the Modal

stipsan · Mar 15, 2017 · b012aea · b012aea
1 parent 23a30e2
commit b012aea
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/Modal/Dialog.js b/src/Modal/Dialog.js
@@ -62,7 +62,7 @@ export default class Dialog extends Component {
         )}
         {header && (<div className="uk-modal-header"><h2>{header}</h2></div>)}
         {caption && (<div className="uk-modal-caption">{caption}</div>)}
-        {children}
+        <div className="uk-modal-body">{children}</div>
         { footer.length > 0 &&
           (<div className="uk-modal-footer uk-text-right">
             {

diff --git a/src/stories/Modal.js b/src/stories/Modal.js
@@ -51,7 +51,7 @@ storiesOf('Modal', module)
 
     <div className="uk-margin-bottom">
       <Modal target={<OpenButton />}>
-        <h1>Headline</h1>
+        <h2 className="uk-modal-title">Headline</h2>
         <p>{LoremIpsum}</p>
       </Modal>
     </div>
@@ -131,7 +131,6 @@ storiesOf('Modal', module)
   .addWithInfo('Large dialog modifier', '', () => (
     <div className="uk-margin-bottom">
       <Modal large target={<OpenButton />} >
-        <h1>Headline</h1>
         <p>{LoremIpsum}</p>
       </Modal>
     </div>