Tidy up split phrase warning

Make red only when danger is present
Align neatly with the rest of the UI
Increase size of text area to show all three rows, although it still
overflows on 24 words.

1 files changed, 4 insertions, 2 deletions

diff --git a/src/index.html b/src/index.html
index 096274d..ab1239a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -175,9 +175,11 @@
                         <div class="form-group">
                             <label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
                             <div class="col-sm-10">
-                                <textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover."></textarea>
+                                <textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover." rows="3"></textarea>
+                                <p class="help-block">
+                                    <span id="phraseSplitWarn" class="phraseSplitWarn"></span>
+                                </p>
                             </div>
-                                                        <div id="phraseSplitWarn" class="phraseSplitWarn"></div>
                         </div>
                         <div class="form-group">
                             <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>