CB-4442 add box styles to the form itself (#2277)

Co-authored-by: Daria Marutkina <[email protected]>
dbeaver · Jan 10, 2024 · 5041312 · 5041312
1 parent 8f66979
commit 5041312
Showing 1 changed file with 18 additions and 20 deletions.
diff --git a/...hentication-administration/src/Administration/IdentityProviders/AuthConfigurationForm.tsx b/...hentication-administration/src/Administration/IdentityProviders/AuthConfigurationForm.tsx
@@ -79,31 +79,29 @@ export const AuthConfigurationForm = observer<Props>(function AuthConfigurationF
   }, []);
 
   return (
-    <Form context={form}>
+    <Form context={form} className={s(styles, { box: true }, className)}>
       <TabsState actions={actions} container={service.tabsContainer} state={state} onCancel={onCancel}>
-        <div className={s(styles, { box: true }, className)}>
-          <div className={s(styles, { topBar: true })}>
-            <div className={s(styles, { topBarTabs: true })}>
-              <div className={s(styles, { statusMessage: true })}>
-                {state.statusMessage && (
-                  <>
-                    <IconOrImage className={s(styles, { iconOrImage: true })} icon="/icons/info_icon.svg" />
-                    {translate(state.statusMessage)}
-                  </>
-                )}
-              </div>
-              <TabList style={tabsInnerStyles} disabled={false} />
-            </div>
-            <div className={s(styles, { topBarActions: true })}>
-              <Loader suspense inline hideMessage hideException>
-                <Placeholder actions={actions} container={service.actionsContainer} state={state} onCancel={onCancel} />
-              </Loader>
+        <div className={s(styles, { topBar: true })}>
+          <div className={s(styles, { topBarTabs: true })}>
+            <div className={s(styles, { statusMessage: true })}>
+              {state.statusMessage && (
+                <>
+                  <IconOrImage className={s(styles, { iconOrImage: true })} icon="/icons/info_icon.svg" />
+                  {translate(state.statusMessage)}
+                </>
+              )}
             </div>
+            <TabList style={tabsInnerStyles} disabled={false} />
           </div>
-          <div className={s(styles, { contentBox: true })}>
-            <TabPanelList style={tabsInnerStyles} />
+          <div className={s(styles, { topBarActions: true })}>
+            <Loader suspense inline hideMessage hideException>
+              <Placeholder actions={actions} container={service.actionsContainer} state={state} onCancel={onCancel} />
+            </Loader>
           </div>
         </div>
+        <div className={s(styles, { contentBox: true })}>
+          <TabPanelList style={tabsInnerStyles} />
+        </div>
       </TabsState>
     </Form>
   );