Entropy feedback retains horizontal spacing

[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
diff --git a/src/index.html b/src/index.html

index cb4c23d0fc453a9bc1692d8529d1dd6c26a02569..8a8bd751f20a0cc433aab84d62ffe21a5bdad83e 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -61,6 +61,22 @@
              .entropy-container li {
                  padding-bottom: 5px;
              }
+            .card-suit {
+                font-size: 19px;
+                line-height: 0;
+            }
+            .card-suit.club {
+                color: #009F00;
+            }
+            .card-suit.diamond {
+                color: #3D5DC4;
+            }
+            .card-suit.heart {
+                color: #F00;
+            }
+            .card-suit.spade {
+                color: #000;
+            }
          </style>
      </head>
      <body>
@@ -114,18 +130,24 @@
                                  <label for="entropy" class="col-sm-2 control-label">Entropy</label>
                                  <div class="col-sm-7">
                                      <textarea id="entropy" rows="2" class="entropy form-control" placeholder="Accepts binary, base 6, 6-sided dice, base 10, hexadecimal, cards"></textarea>
-                                    <label class="col-sm-3 control-label">Strength</label>
-                                    <div class="strength col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Event Count</label>
-                                    <div class="event-count col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Entropy Type</label>
-                                    <div class="type col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Bits Per Event</label>
-                                    <div class="bits-per-event col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Word Count</label>
-                                    <div class="word-count col-sm-3 form-control-static"></div>
-                                    <label class="col-sm-3 control-label">Total Bits</label>
-                                    <div class="bits col-sm-3 form-control-static"></div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Strength</label>
+                                        <div class="strength col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Event Count</label>
+                                        <div class="event-count col-sm-3 form-control-static"></div>
+                                    </div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Entropy Type</label>
+                                        <div class="type col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Bits Per Event</label>
+                                        <div class="bits-per-event col-sm-3 form-control-static"></div>
+                                    </div>
+                                    <div class="row">
+                                        <label class="col-sm-3 control-label">Word Count</label>
+                                        <div class="word-count col-sm-3 form-control-static"></div>
+                                        <label class="col-sm-3 control-label">Total Bits</label>
+                                        <div class="bits col-sm-3 form-control-static"></div>
+                                    </div>
                                      <label class="col-sm-3 control-label">Filtered Entropy</label>
                                      <div class="filtered col-sm-9 form-control-static"></div>
                                      <label class="col-sm-3 control-label">Raw Binary</label>
@@ -555,6 +577,7 @@
          <script src="js/wordlist_french.js"></script>
          <script src="js/wordlist_italian.js"></script>
          <script src="js/jsbip39.js"></script>
+        <script src="js/biginteger.js"></script>
          <script src="js/zxcvbn.js"></script>
          <script src="js/entropy.js"></script>
          <script src="js/index.js"></script>