From 8ce8e66f3c9a96a19e693787e674ab589460794a Mon Sep 17 00:00:00 2001
From: ajaiprakash <ajaiprakash@youngdesk.com>
Date: Mon, 20 Mar 2017 19:32:36 +0530
Subject: [PATCH] Emailpane styling

---
 imports/client/views/verify/EmailPane.js  | 18 +++++++-------
 imports/client/views/verify/emailpane.css | 41 ++++++++++++++++++++++++++++---
 2 files changed, 46 insertions(+), 13 deletions(-)

diff --git a/imports/client/views/verify/EmailPane.js b/imports/client/views/verify/EmailPane.js
index 1ae3ac2..d49dddf 100644
--- a/imports/client/views/verify/EmailPane.js
+++ b/imports/client/views/verify/EmailPane.js
@@ -40,12 +40,12 @@ export class EmailPane extends React.Component {
 
     return (
       <div className = "wizardPane-box">
-        <div className = "wizardPane-section1">
-            <div className="icon-circle icon-lg">
+        <div className = "wizardPane-section">
+            {/* <div className="icon-circle icon-lg">
                 <i className="icon icon-simple icon-envelope"></i>
-            </div>
+            </div> */}
           <div className = "wizardPane-title">
-            Set your email address
+            Enter your email address
           </div>
           <div className = "col-xs-8 horizontalform verifyEmail wizardPane-text">
             <div className="form-row">
@@ -84,16 +84,16 @@ export class EmailPane extends React.Component {
         <div className = "wizardPane-section1">
 
           <div className = "wizardPane-title">
-          <i className="icon-envelope icon"></i>
-           <h3>Verify your email</h3>
+          {/* <i className="icon-envelope icon"></i> */}
+           <h3>Your email needs verification</h3>
           </div>
           <div className = "wizardPane-text">
-            Check your email – we sent a verification link to<br/>
-            <span style={{color:"green"}}>
+            Please check your email – we sent a verification link to<br/>
+            <span className = "EmailVerify">
             {user.emails[0].address}</span>
           </div>
         </div>
-        <div className = "wizardPane-section wizardPane-footer">
+        <div className = "wizardPane-sectionD wizardPane-footer">
           <div className="btn"
             className = "wizardPane-link"
             onClick   = {() => this.onShowForm()}
diff --git a/imports/client/views/verify/emailpane.css b/imports/client/views/verify/emailpane.css
index b2112d8..3729101 100644
--- a/imports/client/views/verify/emailpane.css
+++ b/imports/client/views/verify/emailpane.css
@@ -1,4 +1,4 @@
-.wizardPane-section
+.wizardPane-sectionD
 {
   background-color: white;
   margin: auto;
@@ -8,13 +8,46 @@
    cursor: pointer;
    font-weight: bold;
    color: crimson;
+   font-style: italic;
+}
+
+.EmailVerify
+{
+  color:green;
+  font-weight: bold;
+}
+
+.wizardPane-link:hover
+{
+  text-decoration: underline;
 }
 
 .wizardPane-section1
 {
-  background-color: white;
-  margin: auto;
+   margin:auto;
+   width: 30%;
+   padding: 10px;
+   background:#fff;
+   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+      -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+           box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
+}
+
+.wizardPane-section
+{
+   margin:auto;
    width: 30%;
-   border: 3px solid #73AD21;
    padding: 10px;
+   background:#fff;
+   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+      -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+           box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
+}
+
+.wizardPane-title
+{
+  font-size: 20px;
+  color:black;
 }
-- 
2.0.0