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