update defaultMessages

locale/defaultMessages.json

@@ -1420,6 +1420,18 @@
     "context": "weight",
     "string": "{value} {unit}"
   },
+  "src_dot_components_dot_messages_dot_1219076963": {
+    "context": "snackbar expand",
+    "string": "Expand"
+  },
+  "src_dot_components_dot_messages_dot_2473863536": {
+    "context": "snackbar button undo",
+    "string": "Undo"
+  },
+  "src_dot_components_dot_messages_dot_3444275093": {
+    "context": "snackbar collapse",
+    "string": "Collapse"
+  },
   "src_dot_configuration": {
     "context": "configuration section name",
     "string": "Configuration"

src/components/messages/index.ts

@@ -14,9 +14,9 @@ export interface IMessage {
 
 export const notificationOptions = {
   containerStyle: {
-    zIndex: 1000
+    zIndex: 1200
   },
-  offset: "20px",
+
   position: positions.TOP_RIGHT,
   timeout: 3000
 };

src/components/messages/styles.ts

@@ -149,13 +149,15 @@ export const useStyles = makeStyles(
         position: "relative"
       },
       borderRadius: 4,
-      paddingBottom: 15
+      paddingBottom: 15,
+      paddingRight: 40,
+      position: "relative"
     },
     snackbarContainer: {
       borderRadius: 4,
       display: "block",
-      margin: theme.spacing(2, 2, 0, 0),
-      maxWidth: 480,
+      margin: theme.spacing(2, 2, 0, 2),
+      maxWidth: 450,
       pointerEvents: "all",
       position: "relative"
     },