assets/js: fix alert close position and follow alert linebreak

Author: partizipation

adhocracy4/follows/static/follows/FollowButton.jsx

@@ -12,7 +12,7 @@ const translated = {
   followingDescription: django.gettext(
     'Click to no longer be updated about this project via email.'
   ),
-  followAlert: django.gettext('From now on, we\'ll keep you updated on all changes. Make sure email notifications are enabled in your %(linkStart)s profile settings%(linkEnd)s'),
+  followAlert: django.gettext('From now on, we\'ll keep you updated on all changes.<br/>Make sure email notifications are enabled in your %(linkStart)s profile settings%(linkEnd)s'),
   followingAlert: django.gettext('You will no longer be updated via email.'),
   follow: django.gettext('Follow'),
   following: django.gettext('Following')

adhocracy4/static/Alert.jsx

@@ -34,17 +34,17 @@ const Alert = ({ type = 'info', title, message, htmlMessage, onClick, timeInMs }
         {htmlMessage
           ? (<div dangerouslySetInnerHTML={{ __html: htmlMessage }} />)
           : (message)}
-        {onClick && (
-          <button
-            type="button"
-            className="alert__close"
-            aria-label={closeTag}
-            onClick={onClick}
-          >
-            <span className="fa fa-times" aria-hidden="true" />
-          </button>
-        )}
       </div>
+      {onClick && (
+        <button
+          type="button"
+          className="alert__close"
+          aria-label={closeTag}
+          onClick={onClick}
+        >
+          <span className="fa fa-times" aria-hidden="true" />
+        </button>
+      )}
     </div>
   )
 }