style(ags): make it easier on my eyes

config/ags/config.js

@@ -21,5 +21,5 @@ export default {
     Closer,
     NotificationCenter,
     NotificationsPopupList,
-    ]
+  ],
-}
+};

config/ags/js/notifications/center.js

@@ -48,7 +48,7 @@ const Placeholder = () => Box({
   vexpand: true,
   hexpand: true,
   children: [
-        Icon('notifications-disabled-symbolic'),
+    Icon('notification-disabled-symbolic'),
     Label('Your inbox is empty'),
   ],
   connections: [[Notifications, box => {
@@ -58,6 +58,7 @@ const Placeholder = () => Box({
 
 export const NotificationCenter = Window({
   name: 'notification-center',
+  popup: true,
   layer: 'overlay',
   anchor: 'top right',
   className: 'dashboard',

config/ags/js/notifications/popup.js

@@ -41,7 +41,7 @@ const Popups = () => Box({
   ],
 });
 
-const PopupList = ({ transition = 'slide_down' } = {}) => Box({
+const PopupList = ({ transition = 'slide_right' } = {}) => Box({
   className: 'notifications-popup-list',
   style: 'padding: 1px',
   children: [
@@ -54,6 +54,6 @@ const PopupList = ({ transition = 'slide_down' } = {}) => Box({
 
 export const NotificationsPopupList = Window({
   name: `notifications`,
-    anchor: 'top',
+  anchor: 'top left',
   child: PopupList(),
 });