Account info backup style

- Added h2 header to the modal - Created CSS ruleset for this element - Corrected text and html minor errors
wavesplatform · Jun 16, 2016 · d07e9f3 · d07e9f3
1 parent 08eb667
commit d07e9f3
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 8 deletions.
diff --git 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
@@ -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">