From ec4872e23acf577e549c52738378507f918d6588 Mon Sep 17 00:00:00 2001
From: "jonas.darley" <jonas.darley@accenture.com>
Date: Wed, 13 Nov 2024 09:53:47 +0100
Subject: [PATCH] static/alert: add div and classes for meinBerlin

---
 adhocracy4/static/Alert.jsx | 6 ++++--
 changelog/8483.md           | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 changelog/8483.md

diff --git a/adhocracy4/static/Alert.jsx b/adhocracy4/static/Alert.jsx
index 2eae0ceb2..a625e7f7a 100644
--- a/adhocracy4/static/Alert.jsx
+++ b/adhocracy4/static/Alert.jsx
@@ -22,8 +22,10 @@ const Alert = ({ type, alertAttribute, message, onClick, timeInMs }) => {
         aria-atomic="true"
         aria-live={alertAttribute}
       >
-        <div className="container">
-          {message}
+        <div className="container a4-alert__container">
+          <div className="a4-alert__content">
+            {message}
+          </div>
           <button className="alert__close" title={closeTag} onClick={onClick}>
             <i className="fa fa-times" aria-label={closeTag} />
           </button>
diff --git a/changelog/8483.md b/changelog/8483.md
new file mode 100644
index 000000000..a783bdb04
--- /dev/null
+++ b/changelog/8483.md
@@ -0,0 +1,4 @@
+## Changed
+
+- added a new div to `Alert.jsx` with the class name `a4-alert__content` to keep    semantic structure consistent with mein berlin
+- added a new class called `a4-alert__container` to `Alert.jsx`
\ No newline at end of file