From d07e9f3fd7ef6821dcfb9ab86375a58cd498e79e Mon Sep 17 00:00:00 2001
From: eth <carlos.ssu@gmail.com>
Date: Fri, 17 Jun 2016 05:28:46 +0800
Subject: [PATCH] Account info backup style

- Added h2 header to the modal
- Created CSS ruleset for this element
- Corrected text and html minor errors
---
 css/style.css | 24 ++++++++++++++++++++++++
 index.html    | 16 ++++++++--------
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3c4d80611d..d37985d5e6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -510,6 +510,30 @@ header {
 }
 
 
+/* Backup pop-up style */
+#header-wPop-backup {
+    max-width: 550px;
+}
+
+#header-wPop-backup a {
+    text-decoration: none;
+}
+
+#header-wPop-backup input, #header-wPop-backup textarea {
+    width: 100%;
+    resize: none;
+    margin-bottom: .5rem;
+}
+
+ .wPop-content-buttons {
+    padding-top: 1rem;
+}
+
+#copy_and_close_backup_modal {
+    margin-right: 1rem;
+}
+
+
 /* ==================================================== */
 /* /* TAB SELECTOR SETTINGS */ /* TAB SELECTOR SETTINGS */
 /* ==================================================== */
diff --git a/index.html b/index.html
index edbfb5ce12..6721dbef38 100644
--- a/index.html
+++ b/index.html
@@ -211,22 +211,22 @@ <h2>NEW ACCOUNT - NOTICE</h2>
             <div id="header-wPop-backup" class="wavesPop">
                 <img class="wPop-header" src="img/modal-header.svg" />
                 <div class="wPop-content">
-                    <p>Example text for the BACKUP pop-up
+                    <h2>ACCOUNT INFO BACKUP</h2>
+                    <p>Your account's basic information, click the COPY button in order to copy the contents to the clipboard or CLOSE to exit.</p></br>
                     <form id="backupForm">
                     <label for="seedBackup">Seed</label><br/>
-                    <textarea id="seedBackup" readonly></textarea><br/>
+                    <textarea id="seedBackup" class="wInput" rows="4" readonly></textarea><br/>
                     <label for="privateKeyBackup">Private Key</label><br/>
-                    <input id="privateKeyBackup" type="text" name="privateKeyBackup" readonly/><br/>
+                    <input id="privateKeyBackup" class="wInput" type="text" name="privateKeyBackup" readonly/><br/>
                     <label for="publicKeyBackup">Public Key</label><br/>
-                    <input id="publicKeyBackup" type="text" name="publicKeyBackup" readonly/><br/>
+                    <input id="publicKeyBackup" class="wInput" type="text" name="publicKeyBackup" readonly/><br/>
                     <label for="addressBackup">Address</label><br/>
-                    <input id="addressBackup" type="text" name="addressBackup" readonly/>
+                    <input id="addressBackup" class="wInput" type="text" name="addressBackup" readonly/>
                     <div class="wPop-content-buttons">
-                        <a id="copy_and_close_backup_modal" href="#" class="wButton fade tooltip-1" title="Click here to copy everything to clipboard.">Copy to clipboard</a>
-                        <a href="#" rel="modal:close" class="wButton fade tooltip-1">Close</a>
+                        <a id="copy_and_close_backup_modal" href="#" class="wButton paymentForm-but fade tooltip-1" title="Click here to copy everything to clipboard.">COPY</a>
+                        <a href="#" rel="modal:close" class="wButton paymentForm-but fade tooltip-1">CLOSE</a>
                     </div>
                     </form>
-                    </p>
                 </div>
             </div>
             <a href="#feat-not-active" rel="modal:open">