From 674bf794dc996a5a1e654980fe2fe56d0c750990 Mon Sep 17 00:00:00 2001
From: "s.teleshev" <s.teleshev@mu.se>
Date: Tue, 19 Mar 2024 18:56:01 +0100
Subject: [PATCH] CB-4654 ConfigurationList uses container component

---
 .../src/Dialog/AuthProviderForm/ConfigurationsList.m.css | 7 -------
 .../src/Dialog/AuthProviderForm/ConfigurationsList.tsx   | 9 +++++----
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css
index aa25dfed8e..4ee3ae4bd1 100644
--- a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css
+++ b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css
@@ -6,13 +6,6 @@
  * you may not use this file except in compliance with the License.
  */
 
-.container {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  flex: 1;
-}
-
 .filter {
   margin: 0 24px 12px 24px;
 }
diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx
index f0973c02a9..e692fb2695 100644
--- a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx
+++ b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx
@@ -12,6 +12,7 @@ import { AuthProvider, AuthProviderConfiguration, AuthProvidersResource, compare
 import {
   Button,
   Cell,
+  Container,
   Filter,
   getComputed,
   IconOrImage,
@@ -107,7 +108,7 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
 
   if (activeProvider && activeConfiguration) {
     return (
-      <div className={s(style, { container: true }, className)}>
+      <Container className={className} center>
         <Loader state={authTaskState} message="authentication_authorizing" hideException>
           <div className={s(style, { center: true })}>
             {providerDisabled ? (
@@ -122,12 +123,12 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
             )}
           </div>
         </Loader>
-      </div>
+      </Container>
     );
   }
 
   return (
-    <container className={s(style, { container: true }, className)}>
+    <Container className={className} center>
       {configurations.length >= 10 && (
         <Filter
           className={s(style, { filter: true })}
@@ -155,6 +156,6 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
         })}
       </div>
       <Loader state={authTaskState} message="authentication_authorizing" overlay hideException />
-    </container>
+    </Container>
   );
 });