From 07ee0def0ffb668f002784aca7a1c37b46c54851 Mon Sep 17 00:00:00 2001
From: Aleksandra Danilina <29692746+Al-Dani@users.noreply.github.com>
Date: Wed, 3 Jan 2024 12:24:37 +0100
Subject: [PATCH] chore: Move alert to header to align with other demos (#109)

---
 src/pages/delete-one-click/index.jsx | 76 +++++++++++++++-------------
 1 file changed, 40 insertions(+), 36 deletions(-)

diff --git a/src/pages/delete-one-click/index.jsx b/src/pages/delete-one-click/index.jsx
index 3907c9b..5aad83e 100644
--- a/src/pages/delete-one-click/index.jsx
+++ b/src/pages/delete-one-click/index.jsx
@@ -78,44 +78,48 @@ function App() {
     <CustomAppLayout
       contentType="form"
       content={
-        <ContentLayout header={<Header variant="h1">Manage tags</Header>}>
-          <SpaceBetween size="m">
-            <Info />
-            <form onSubmit={onSubmit}>
-              <Form
-                actions={
-                  <SpaceBetween direction="horizontal" size="xs">
-                    <Button variant="link" onClick={onCancel}>
-                      Cancel
-                    </Button>
-                    <Button variant="primary" disabled={loading || !isValid}>
-                      Save changes
-                    </Button>
-                  </SpaceBetween>
+        <ContentLayout
+          header={
+            <SpaceBetween size="m">
+              <Header variant="h1">Manage tags</Header>
+              <Info />
+            </SpaceBetween>
+          }
+        >
+          <form onSubmit={onSubmit}>
+            <Form
+              actions={
+                <SpaceBetween direction="horizontal" size="xs">
+                  <Button variant="link" onClick={onCancel}>
+                    Cancel
+                  </Button>
+                  <Button variant="primary" disabled={loading || !isValid}>
+                    Save changes
+                  </Button>
+                </SpaceBetween>
+              }
+            >
+              <Container
+                header={
+                  <Header
+                    variant="h2"
+                    description="A tag is a label that you assign to an AWS resource. Each tag consists of a key and an optional value. You can use tags to search and filter your resources or track your AWS costs."
+                  >
+                    Tags
+                  </Header>
                 }
               >
-                <Container
-                  header={
-                    <Header
-                      variant="h2"
-                      description="A tag is a label that you assign to an AWS resource. Each tag consists of a key and an optional value. You can use tags to search and filter your resources or track your AWS costs."
-                    >
-                      Tags
-                    </Header>
-                  }
-                >
-                  <TagEditor
-                    tags={tags}
-                    onChange={onChange}
-                    keysRequest={loadTagKeys}
-                    valuesRequest={loadTagValues}
-                    loading={loading}
-                    i18nStrings={tagEditorI18nStrings}
-                  />
-                </Container>
-              </Form>
-            </form>
-          </SpaceBetween>
+                <TagEditor
+                  tags={tags}
+                  onChange={onChange}
+                  keysRequest={loadTagKeys}
+                  valuesRequest={loadTagValues}
+                  loading={loading}
+                  i18nStrings={tagEditorI18nStrings}
+                />
+              </Container>
+            </Form>
+          </form>
         </ContentLayout>
       }
       breadcrumbs={<Breadcrumbs />}