From 4209d3a1cc40e3d92930f46d58dbaec04d8d1a47 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 13 Sep 2021 16:05:26 +0100
Subject: [PATCH] Fix alignment and spacing of SSO providers

---
 .../builder/portal/manage/auth/index.svelte   | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)
diff --git a/packages/builder/src/pages/builder/portal/manage/auth/index.svelte b/packages/builder/src/pages/builder/portal/manage/auth/index.svelte
index be3775bb29..346baf784c 100644
--- a/packages/builder/src/pages/builder/portal/manage/auth/index.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/auth/index.svelte
@@ -272,7 +272,7 @@
   })
 </script>
 
-<Layout>
+<Layout noPadding>
   <Layout gap="XS" noPadding>
     <Heading size="M">Authentication</Heading>
     <Body>
@@ -285,9 +285,9 @@
     <Divider />
     <Layout gap="XS" noPadding>
       <Heading size="S">
-        <div>
+        <div class="provider-title">
           <GoogleLogo />
-          Google
+          <span>Google</span>
           <div class="google-save-button">
             <div>
               <Button
@@ -330,9 +330,9 @@
     <Divider />
     <Layout gap="XS" noPadding>
       <Heading size="S">
-        <div>
+        <div class="provider-title">
           <OidcLogo />
-          OpenID Connect
+          <span>OpenID Connect</span>
           <div class="oidc-save-button">
             <div>
               <Button
@@ -426,11 +426,20 @@
 
   .google-save-button {
     display: inline-block;
-    margin-left: 400px;
   }
 
   .oidc-save-button {
     display: inline-block;
-    margin-left: 320px;
+  }
+
+  .provider-title {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--spacing-m);
+  }
+  .provider-title span {
+    flex: 1 1 auto;
   }
 </style>
