diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 882cbae6..8b4e5bb2 100644 --- a/src/components/Notification/index.js +++ b/src/components/Notification/index.js @@ -30,7 +30,7 @@ const Wrapper = styled.div` position: relative; color: ${colors.TEXT_PRIMARY}; background: ${colors.TEXT_SECONDARY}; - padding: 24px 48px 24px 24px; + padding: 24px 48px 9px 24px; display: flex; flex-direction: row; text-align: left; @@ -63,12 +63,13 @@ const Body = styled.div` `; const Message = styled.div` + padding-bottom: 13px; font-size: ${FONT_SIZE.SMALLER}; `; const Title = styled.div` padding-bottom: 5px; - line-height: 12px; + padding-top: 1px; font-weight: ${FONT_WEIGHT.BIGGER}; `; @@ -93,7 +94,6 @@ const Texts = styled.div` display: flex; padding: 0 10px 0 0; flex-direction: column; - flex: 1; `; const AdditionalContent = styled.div` @@ -107,6 +107,7 @@ const ActionContent = styled.div` display: flex; justify-content: right; align-items: flex-end; + padding-bottom: 14px; `; const Notification = (props: Props): React$Element => { diff --git a/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js b/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js index c9344eaa..e21a8762 100644 --- a/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js +++ b/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js @@ -53,11 +53,17 @@ class NotificationsGroup extends PureComponent { // { // key: 5, // title: 'this is a title of warning notification as', + // type: 'success', + // message: See transaction detail, + // }, + // { + // key: 6, + // title: 'this is a title of warning notification as', // type: 'info', // message: 'this is a message of warning notification', // }, // { - // key: 6, + // key: 7, // title: 'this is a title of info notification s ', // type: 'info', // message: 'this is a message of info notification',