diff --git a/oidc-controller/api/templates/verified_credentials.html b/oidc-controller/api/templates/verified_credentials.html index 1633ebae..66f47be8 100644 --- a/oidc-controller/api/templates/verified_credentials.html +++ b/oidc-controller/api/templates/verified_credentials.html @@ -1,4 +1,4 @@ - + Scan QR Code @@ -33,9 +33,13 @@ border: none; font-family: var(--font-family-sans-serif); } + .navbar { + border-radius: 0; + } .header-branding { background-color: var(--primary); height: 7rem; + width: 100%; border-style: none none solid none; border-color: #fcba19; box-shadow: 0px 3px 3px 0px #dedede; @@ -148,29 +152,29 @@ font-weight: bold; margin-bottom: 0.8rem; } - #refresh-button .fake-button { - display: grid; - grid-template-columns: 2rem 1fr; - justify-content: center; - color: #0048c4; - font-size: var(--small-font-size); - font-weight: bold; - border-style: solid; - border-color: #0048c4; - border-width: 0.2rem; - border-radius: 0.3rem; - background: white; - padding: 0.4rem 1rem 0.4rem 1rem; - } - #refresh-button .fake-button svg { - width: 1.3rem; - height: 1.3rem; - margin: 0.1rem 0 0 -1rem; - } - #refresh-button .fake-button .description { - margin-top: 2px; - } - .header-desc.success, + #refresh-button .fake-button { + display: grid; + grid-template-columns: 2rem 1fr; + justify-content: center; + color: #0048c4; + font-size: var(--small-font-size); + font-weight: bold; + border-style: solid; + border-color: #0048c4; + border-width: 0.2rem; + border-radius: 0.3rem; + background: white; + padding: 0.4rem 1rem 0.4rem 1rem; + } + #refresh-button .fake-button svg { + width: 1.3rem; + height: 1.3rem; + margin: 0.1rem 0 0 -1rem; + } + #refresh-button .fake-button .description { + margin-top: 2px; + } + .header-desc.success, .header-desc.pending, .header-desc.expired, .header-desc.abandoned, @@ -241,13 +245,13 @@ margin-bottom: 1.5rem; } - .btn-primary { - background-color: var(--primary); - } - .btn-outline-primary { - color: var(--primary); - border-color: var(--primary); - } + .btn-primary { + background-color: var(--primary); + } + .btn-outline-primary { + color: var(--primary); + border-color: var(--primary); + } /* Mobile device */ .mobile-device { display: none;