Minor formatting change and ensure navbar takes up the full screen

Signed-off-by: Gavin Jaeger-Freeborn <[email protected]>
openwallet-foundation · Mar 5, 2024 · 6d1288a · 6d1288a
1 parent 468b2c7
commit 6d1288a
Showing 1 changed file with 35 additions and 31 deletions.
diff --git a/oidc-controller/api/templates/verified_credentials.html b/oidc-controller/api/templates/verified_credentials.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <title>Scan QR Code</title>
@@ -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;