From a0f583a17d7007ccb05ac393b0eae23f61cdaf99 Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@users.noreply.github.com>
Date: Wed, 15 Nov 2023 09:34:08 +0200
Subject: [PATCH] fix(containers): align switches [EE-6314] (#10616)

---
 app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx  | 4 ++++
 .../access-control/AccessControlForm/AccessControlForm.tsx    | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx b/app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx
index a5a460b4c..3ab6f8af5 100644
--- a/app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx
+++ b/app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx
@@ -107,6 +107,7 @@ export function BaseForm({
                   onChange={(alwaysPull) =>
                     setFieldValue('alwaysPull', alwaysPull)
                   }
+                  labelClass="col-sm-3 col-lg-2"
                 />
               </div>
             </div>
@@ -126,6 +127,7 @@ export function BaseForm({
                       setFieldValue('enableWebhook', enableWebhook)
                     }
                     featureId={FeatureId.CONTAINER_WEBHOOK}
+                    labelClass="col-sm-3 col-lg-2"
                   />
                 </div>
               </div>
@@ -143,6 +145,7 @@ export function BaseForm({
                 onChange={(publishAllPorts) =>
                   setFieldValue('publishAllPorts', publishAllPorts)
                 }
+                labelClass="col-sm-3 col-lg-2"
               />
             </div>
           </div>
@@ -179,6 +182,7 @@ export function BaseForm({
               tooltip="When enabled, Portainer will automatically remove the container when it exits. This is useful when you want to use the container only once."
               checked={values.autoRemove}
               onChange={(autoRemove) => setFieldValue('autoRemove', autoRemove)}
+              labelClass="col-sm-3 col-lg-2"
             />
           </div>
         </div>
diff --git a/app/react/portainer/access-control/AccessControlForm/AccessControlForm.tsx b/app/react/portainer/access-control/AccessControlForm/AccessControlForm.tsx
index 77a15b7ee..2010a87b0 100644
--- a/app/react/portainer/access-control/AccessControlForm/AccessControlForm.tsx
+++ b/app/react/portainer/access-control/AccessControlForm/AccessControlForm.tsx
@@ -37,12 +37,13 @@ export function AccessControlForm({
       <div className="form-group">
         <div className="col-sm-12">
           <SwitchField
+            dataCy="portainer-accessMgmtToggle"
             checked={accessControlEnabled}
             name={withNamespace('accessControlEnabled')}
             label="Enable access control"
+            labelClass="col-sm-3 col-lg-2"
             tooltip="When enabled, you can restrict the access and management of this resource."
             onChange={handleToggleEnable}
-            dataCy="portainer-accessMgmtToggle"
           />
         </div>
       </div>