notification fixes:

- fixed notification bell icon
- notification dropdown improved

Author: vdvibhu20

examples/components/nav-bar.hbs

@@ -64,45 +64,49 @@
                         <span class="notify-dot new"></span>
                         <i class="fas fa-bell"></i>
                     </div>
-                    <div class="dropdown-ul o-notification display-none">
-                        <div class="dropdown-li row no-gutters">
-                            <div class="notify-type col-2 ">
+                    <div class="dropdown-ul o-notification">
+                        <div class="dropdown-li row">
+                            <div class="notify-type col-2 justify-content-center align-items-center">
                                 <div class="notify-icon">
                                     <span class="notify-dot new"></span>
-                                    <img src="images/announcement.png" alt="">
+                                    <img src="images/announcement.svg" alt="">
                                 </div>
                             </div>
+                            
                             <div class="notify-text col-10">Please hard refresh (Ctrl  Shift  R) your web app to make sure that you are on latest version of the app. We just deployed some major changes so that might be causing
                                 issues for you.</div>
                         </div>
 
-                        <div class="dropdown-li row no-gutters">
-                            <div class="notify-type col-2 ">
+                        <div class="dropdown-li row">
+                
+                            <div class="notify-type col-2 justify-content-center align-items-center">
                                 <div class="notify-icon">
                                     <span class="notify-dot new"></span>
-                                    <img src="images/announcement.png" alt="">
+                                    <img src="images/announcement.svg" alt="">
                                 </div>
                             </div>
                             <div class="notify-text col-10">Please hard refresh (Ctrl  Shift  R) your web app to make sure that you are on latest version of the app. We just deployed some major changes so that might be causing
                                 issues for you.</div>
                         </div>
 
-                        <div class="dropdown-li row no-gutters">
-                            <div class="notify-type col-2 ">
+                        <div class="dropdown-li row">
+                
+                            <div class="notify-type col-2 justify-content-center align-items-center">
                                 <div class="notify-icon">
                                     <span class="notify-dot new"></span>
-                                    <img src="images/announcement.png" alt="">
+                                    <img src="images/announcement.svg" alt="">
                                 </div>
                             </div>
                             <div class="notify-text col-10">Please hard refresh (Ctrl  Shift  R) your web app to make sure that you are on latest version of the app. We just deployed some major changes so that might be causing
                                 issues for you.</div>
                         </div>
 
-                        <div class="dropdown-li row no-gutters">
-                            <div class="notify-type col-2 ">
+                        <div class="dropdown-li row">
+                
+                            <div class="notify-type col-2 justify-content-center align-items-center">
                                 <div class="notify-icon">
                                     <span class="notify-dot new"></span>
-                                    <img src="images/announcement.png" alt="">
+                                    <img src="images/announcement.svg" alt="">
                                 </div>
                             </div>
                             <div class="notify-text col-10">Please hard refresh (Ctrl  Shift  R) your web app to make sure that you are on latest version of the app. We just deployed some major changes so that might be causing
@@ -115,10 +119,12 @@
                     {{>button type='solid' text='Login'}}
                 </li> --}}
             </ul>
-
+        
             <div class="round-img">
                 <img src="/images/c++ode-red.svg" alt="">
             </div>
+            
+            
 
             <div class="card">
                 <div class="top-offset"></div>

sass/styles/elements/elements.notify-type.scss

@@ -7,6 +7,7 @@
 
 .notify-icon{
   width: 20px;
+  position: relative;
 }
 
 

sass/styles/objects/o-nav-layout/o-nav-layout.scss

@@ -12,10 +12,6 @@
   .notify-dot{
     @include dimensions(8px, 8px);
   }
-
-  .notify-icon{
-    width: unset;
-  }
 }
 
 .main-nav{
@@ -34,6 +30,7 @@
   .round-img{
     @include dimensions(40px, 40px);
     cursor: pointer;
+    margin-left: 40px;
   }
 
   .round-img:hover{

sass/styles/objects/o-notification/o-notification.scss

@@ -1,6 +1,4 @@
 .o-notification{
-  padding-right: 10%;
-  padding-left: 40%;
   text-transform: none;
   right: 0;
   left: unset;