From 4072e9480d6930dd33f2a97c5f235e2f6f8a24bb Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Wed, 10 Oct 2018 17:18:53 +0200
Subject: [PATCH] Fix group notification width

---
 .../components/NotificationsGroups/index.js   | 82 ++++++++++---------
 1 file changed, 42 insertions(+), 40 deletions(-)

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 4245f41b..f78cfcf9 100644
--- a/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
+++ b/src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
@@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
 
 import Group from './components/Group';
 
-const Wrapper = styled.div``;
+const Wrapper = styled.div`
+    width: 100%;
+`;
 
 class NotificationsGroup extends PureComponent {
     groupNotifications = notifications => notifications
@@ -22,45 +24,45 @@ class NotificationsGroup extends PureComponent {
     }
 
     render() {
-        const { close, notifications } = this.props;
-        // const notifications = [
-        //     {
-        //         key: 1,
-        //         title: 'this is a title of error notification',
-        //         type: 'error',
-        //         message: 'this is a message of error notification',
-        //     },
-        //     {
-        //         key: 2,
-        //         title: 'this is a title of warning notification',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: 3,
-        //         title: 'this is a title of warning notification',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: 4,
-        //         title: 'this is a title of warning notification sds d',
-        //         type: 'warning',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: 5,
-        //         title: 'this is a title of warning notification as',
-        //         type: 'info',
-        //         message: 'this is a message of warning notification',
-        //     },
-        //     {
-        //         key: 6,
-        //         title: 'this is a title of info notification s ',
-        //         type: 'info',
-        //         message: 'this is a message of info notification',
-        //     },
-        // ];
+        const { close } = this.props;
+        const notifications = [
+            {
+                key: 1,
+                title: 'this is a title of error notification',
+                type: 'error',
+                message: 'this is a message of error notification',
+            },
+            {
+                key: 2,
+                title: 'this is a title of warning notification',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 3,
+                title: 'this is a title of warning notification',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 4,
+                title: 'this is a title of warning notification sds d',
+                type: 'warning',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 5,
+                title: 'this is a title of warning notification as',
+                type: 'info',
+                message: 'this is a message of warning notification',
+            },
+            {
+                key: 6,
+                title: 'this is a title of info notification s ',
+                type: 'info',
+                message: 'this is a message of info notification',
+            },
+        ];
         const notificationGroups = this.groupNotifications(notifications);
         const sortedNotifications = this.sortByPriority(notificationGroups);