refactor(envelope-locked): Zugriffscode-Panel einrichten

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -9,6 +9,10 @@
     border: 0;
 }
 
+.material-symbols-outlined {
+    align-content: center;
+}
+
 .btn-group {
     margin-right: 10vw;
     margin-bottom: 10vh;
@@ -309,12 +313,38 @@ footer#page-footer {
 }
 
 #form-access-code {
-    margin-left: 5rem;
+    justify-content: space-evenly;
 }
 
+.access-code-form-floating {
+    display: flex;
+    justify-content: start;
+    flex-direction: row;
+}
+
+    .access-code-form-floating button {
+        align-content: center;
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+    }
+
+    .access-code-form-floating input {
+        align-content: center;
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+        border-right-width: 0;
+        width: 7rem;
+    }
+
 #access-code-error-message {
-    margin: 0 0 1.5rem 6rem;
-    height: 1.25rem;
+    justify-content: center;
+    align-content: center;
+    margin: 1.5rem 7rem 0 7rem;
+    height: 2.5rem;
+}
+
+.flag-dropdown button {
+    height: 100%;
 }
 
 .header-1 {
@@ -331,6 +361,9 @@ footer#page-footer {
     padding-top: 0;
 }
 
+.no-receiver-explanation {
+    padding: 2.5rem;
+}
 /* styles for mobile responsiveness */
 @media (max-height: 850px) {
     .navbar .container {