.qr-image {
margin: 5px;
}
- .qr-hint {
+ .qr-hint,
+ .qr-warning {
padding: 2px;
+ max-width: 150px;
+ }
+ .more-info {
+ cursor: help;
+ border-bottom: 1px dashed #000;
+ text-decoration: none;
}
</style>
</head>
<div class="row">
<label class="col-sm-3 control-label" data-translate>Word Count</label>
<div class="word-count col-sm-3 form-control-static"></div>
- <label class="col-sm-3 control-label" data-translate>Total Bits</label>
+ <label class="col-sm-3 control-label" data-translate><span class="more-info" data-translate-title title="Total bits of entropy may be less than indicated if any entropy event uses a weak source.">Total Bits</span></label>
<div class="bits col-sm-3 form-control-static"></div>
</div>
<label class="col-sm-3 control-label" data-translate>Filtered Entropy</label>
<div class="qr-container hidden">
<div class="qr-hint bg-primary" data-translate>Click field to hide QR</div>
<div class="qr-hint bg-primary hidden" data-translate>Click field to show QR</div>
- <div class="qr-image"></div>
+ <div class="qr-hider">
+ <div class="qr-image"></div>
+ <div class="qr-warning bg-primary" data-translate>Caution: Scanner may keep history</div>
+ </div>
</div>
<div class="feedback-container">