EmailInput: Use fluid space scale

Author: Turbo87

app/components/email-input.module.css

@@ -1,14 +1,12 @@
 .friendly-message {
-    width: 95%;
-    margin-left: auto;
-    margin-right: auto;
+    margin-top: 0;
 }
 
 .row {
     width: 100%;
     border: 1px solid #d5d3cb;
     border-bottom-width: 0;
-    padding: 10px 20px;
+    padding: var(--space-2xs) var(--space-s);
     display: flex;
     align-items: center;
 
@@ -19,7 +17,7 @@
 
 .label {
     flex: 1;
-    margin-right: 0.4em;
+    margin-right: var(--space-xs);
     font-weight: bold;
 }
 
@@ -41,7 +39,7 @@
 
 .input {
     width: 400px;
-    margin-right: 10px;
+    margin-right: var(--space-xs);
 }
 
 .actions {
@@ -57,5 +55,5 @@
 }
 
 .save-button {
-    margin-right: 10px;
+    margin-right: var(--space-2xs);
 }