.page-qr {
  margin: 0.5em 0 1em;
  padding: 0.5em;
  border: 1px solid #ddd;
  background: #fff;
}

.page-qr__code {
  text-align: center;
}

.page-qr__code img,
.page-qr__code canvas {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.page-qr__url {
  margin: 0.5em 0 0;
  font-size: small;
  word-break: break-all;
}

.page-qr__actions {
  margin: 0.4em 0 0;
}

.page-qr__copy {
  font-size: small;
  padding: 0.2em 0.6em;
}

.page-qr__status {
  margin-left: 0.6em;
  font-size: small;
}