From d249fe81d430f5bdd12f1dc6da80894eef9bccd2 Mon Sep 17 00:00:00 2001
From: kyle-ssg <kyle@solidstategroup.com>
Date: Wed, 14 Aug 2024 09:43:59 +0100
Subject: [PATCH] Tidy up styles

---
 frontend/web/components/SamlTab.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/web/components/SamlTab.tsx b/frontend/web/components/SamlTab.tsx
index 291a97dcc4bf..80a56bbe8c7e 100644
--- a/frontend/web/components/SamlTab.tsx
+++ b/frontend/web/components/SamlTab.tsx
@@ -72,10 +72,16 @@ const SamlTab: FC<SamlTabType> = ({ organisationId }) => {
               <Flex className='table-column'>
                 <div className='font-weight-medium'>Configuration name</div>
               </Flex>
-              <div className='table-column' style={{ width: '400px' }}>
+              <div
+                className='table-column d-none d-md-block'
+                style={{ width: '400px' }}
+              >
                 Assertion Consumer Service (ACS) URL
               </div>
-              <div className='table-column' style={{ width: '150px' }}>
+              <div
+                className='table-column d-none d-md-block'
+                style={{ width: '150px' }}
+              >
                 Allow IdP-initiated
               </div>
               <div style={{ width: 90 }} className='table-column'>
@@ -94,7 +100,7 @@ const SamlTab: FC<SamlTabType> = ({ organisationId }) => {
                 )
               }}
               space
-              className='list-item clickable cursor-pointer'
+              className='list-item py-2 py-md-0 clickable cursor-pointer'
               key={samlConf.name}
             >
               <Flex className='table-column px-3'>
@@ -122,7 +128,7 @@ const SamlTab: FC<SamlTabType> = ({ organisationId }) => {
                 </Button>
               </div>
               <div
-                className='table-column d-flex gap-4 align-items-center'
+                className='table-column d-none d-md-flex gap-4 align-items-center'
                 style={{ width: '150px' }}
               >
                 <Switch checked={samlConf.allow_idp_initiated} />