From 4e581698ee6f84fb9a5a175ceb78ddbd98e28be9 Mon Sep 17 00:00:00 2001
From: Zhiting Lin <zlin035@uottawa.ca>
Date: Fri, 21 Sep 2018 09:52:57 +0800
Subject: [PATCH] restyle the Modal component.

---
 src/features/app/components/Modal/Modal.jsx  | 2 +-
 src/features/app/components/Modal/Modal.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/app/components/Modal/Modal.jsx b/src/features/app/components/Modal/Modal.jsx
index 48950ca..c4107ed 100644
--- a/src/features/app/components/Modal/Modal.jsx
+++ b/src/features/app/components/Modal/Modal.jsx
@@ -28,7 +28,7 @@ class Modal extends React.Component {
     return(
       <div className={styles.main}>
         <div className={styles.backdrop} onClick={backdropAction}></div>
-        <div className={`${this.props.options.wide && styles.wide} ${boxStyle? styles.box: styles.content}`}>
+        <div className={`${this.props.options.wide && styles.wide ||''} ${boxStyle? styles.box: styles.content}`}>
           {
             boxStyle &&
               <div className={styles.title}>
diff --git a/src/features/app/components/Modal/Modal.scss b/src/features/app/components/Modal/Modal.scss
index 37f909d..ae82292 100644
--- a/src/features/app/components/Modal/Modal.scss
+++ b/src/features/app/components/Modal/Modal.scss
@@ -20,7 +20,7 @@
   left: calc(50% - 250px);
   width: 500px;
   max-height: 80%;
-  overflow: scroll;
+  overflow: auto;
 
   pre {
     white-space: pre-wrap;
-- 
2.11.0