Update index.html

I think changing slightly the position of the generate button and re-wording the sentence as proposed will enhance the UX a little bit, I've also proposed to change the default selected word count to 12 from 15 (as 12 are more widely used).

1 files changed, 6 insertions, 7 deletions

diff --git a/src/index.html b/src/index.html
index 203e6e2..7a3e894 100644
--- a/src/index.html
+++ b/src/index.html
@@ -36,23 +36,22 @@
                             <div class="col-sm-10">
                                 <div class="form-inline">
                                     <div class="input-group-inline">
-                                        <span>Generate a random mnemonic, or enter your own below</span>:
-                                        <button class="btn generate">Generate</button>
+                                         <span>Generate a random mnemonic </span>:
+                                        <button class="btn generate" ><b>GENERATE</b></button> 
                                         <select id="strength" class="strength form-control">
                                             <option value="3">3</option>
                                             <option value="6">6</option>
                                             <option value="9">9</option>
-                                            <option value="12">12</option>
-                                            <option value="15" selected>15</option>
+                                            <option value="12" selected="">12</option>
+                                            <option value="15">15</option>
                                             <option value="18">18</option>
                                             <option value="21">21</option>
                                             <option value="24">24</option>
                                         </select>
-                                        <span>words</span>.
+                                        <span>words, or enter your own below</span>.
                                         <p class="warning help-block hidden">
                                             <span class="text-danger">
-                                                Mnemonics with less than 12 words have low entropy and may be guessed by an attacker.
-                                            </span>
+                                                Mnemonics with less than 12 words have low entropy and may be guessed by an attacker.</span>
                                         </p>
                                     </div>
                                 </div>