Logo and buttons bugs with current UI

[sl1depengwyn]

Logo is stretching in Safari and in Chrome on mobile
Copy and QR buttons run over each other on mobile

[sieg-i]

For the stretched logo issue in Safari / mobile Safari I did a workaround for our own blockscout instance by removing max-width and width.

.navbar-brand {
  margin-left: 0;
  flex-shrink: 1;
  display: inline-flex;
  .navbar-logo {
    // max-width: 100%;
  }
}

.navbar-logo {
  max-height: $navbar-logo-height;
  // width: $navbar-logo-width;
}