.qr-image {
margin: 5px;
}
- .qr-hint {
+ .qr-hint,
+ .qr-warning {
padding: 2px;
+ max-width: 150px;
}
.more-info {
cursor: help;
</div>
<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-hint bg-primary hidden" data-translate>Click field to hide QR</div>
+ <div class="qr-hint bg-primary" data-translate>Click field to show QR</div>
+ <div class="qr-hider hidden">
+ <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">