Electron-134 - Completed the notification redesign

demo/index.html

@@ -16,7 +16,7 @@
         </p>
         <p>
             <label for='image'>image url:</label>
-            <input type='text' id='image' value='https://lh3.googleusercontent.com/-s2PXL6wWMCc/AAAAAAAAAAI/AAAAAAAAAAA/AAomvV2gUNMMeFsOijwVVpihfg_anpKWQA/s32-c-mo/photo.jpg'/>
+            <input type='text' id='image' value='https://avatars0.githubusercontent.com/u/13243259?v=4&s=460'/>
         </p>
         <p>
             <label for='flash'>flash:</label>

js/notify/electron-notify.html

@@ -7,7 +7,8 @@
     </div>
     <div id="header">
 		<span id="title"></span>
-        <span id="pod">corporate.symphony.com</span>
+        <!-- Hard coding this until the backend is ready -->
+        <span id="pod">symphony</span>
         <span id="message"></span>
 	</div>
     <div id="picture">

js/notify/electron-notify.js

@@ -55,7 +55,7 @@ let config = {
     // corner to put notifications
     // upper-right, upper-left, lower-right, lower-left
     startCorner: 'upper-right',
-    width: 370,
+    width: 380,
     height: 70,
     borderRadius: 5,
     displayTime: 5000,
@@ -83,8 +83,8 @@ let config = {
     defaultStyleImage: {
         height: 43,
         position: 'absolute',
-        right: 13,
-        top: 13,
+        right: 30,
+        top: 11,
         width: 43
     },
     defaultStyleClose: {
@@ -124,7 +124,7 @@ let config = {
         fontSize: 12,
         color: '#4a4a4a',
         marginTop: 6,
-        marginRight: 52,
+        marginRight: 65,
         marginLeft: 52,
         overflow: 'hidden',
         display: '-webkit-box',