From 13d182ead22489791025e85402b717864b6156b4 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sat, 15 Jul 2023 19:23:44 +1000
Subject: [PATCH] feat(ui): move cnet add button to top of list

---
 .../ControlNet/ParamControlNetCollapse.tsx        | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/ControlNet/ParamControlNetCollapse.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/ControlNet/ParamControlNetCollapse.tsx
index 2051eed3e3..999bfd0de9 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/ControlNet/ParamControlNetCollapse.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/ControlNet/ParamControlNetCollapse.tsx
@@ -67,19 +67,20 @@ const ParamControlNetCollapse = () => {
     <IAICollapse label="ControlNet" activeLabel={activeLabel}>
       <Flex sx={{ flexDir: 'column', gap: 3 }}>
         <ParamControlNetFeatureToggle />
+        <IAIButton
+          isDisabled={!firstModel}
+          flexGrow={1}
+          size="sm"
+          onClick={handleClickedAddControlNet}
+        >
+          Add ControlNet
+        </IAIButton>
         {controlNetsArray.map((c, i) => (
           <Fragment key={c.controlNetId}>
             {i > 0 && <Divider />}
             <ControlNet controlNetId={c.controlNetId} />
           </Fragment>
         ))}
-        <IAIButton
-          isDisabled={!firstModel}
-          flexGrow={1}
-          onClick={handleClickedAddControlNet}
-        >
-          Add ControlNet
-        </IAIButton>
       </Flex>
     </IAICollapse>
   );