Accessibility: Easier to access Authorization (#10692)

Author: hariswhdn

src/style/_layout.scss

@@ -682,7 +682,10 @@
 
 .scheme-container {
   margin: 0 0 20px 0;
-  padding: 30px 0;
+  padding: 15px 0;
+  position: sticky;
+  top: 0;
+  z-index: 1;
 
   background: $scheme-container-background-color;
   box-shadow: 0 1px 2px 0 rgba($scheme-container-box-shadow-color, 0.15);
@@ -711,7 +714,8 @@
         font-weight: bold;
 
         display: flex;
-        flex-direction: column;
+        align-items: center;
+        column-gap: 10px;
 
         margin: -20px 15px 0 0;
 

src/style/_modal.scss

@@ -16,7 +16,7 @@
     bottom: 0;
     left: 0;
 
-    background: rgba($dialog-ux-backdrop-background-color, 0.8);
+    background: rgba($dialog-ux-backdrop-background-color, 0.5);
   }
 
   .modal-ux {