Refactoring notifications side-pane - EMM UI

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.ui.navbar.nav-menu/nav-menu.hbs

@@ -94,10 +94,11 @@
 {{#zone "sidePanes"}}
     <!--suppress HtmlUnknownAttribute -->
     <div class="sidebar-wrapper" id="right-sidebar" is-authorized="{{permissions.LIST_NOTIFICATIONS}}"
-         data-side="right" data-width="320" data-sidebar-fixed="true" data-fixed-offset="50" data-spy="affix"
-         data-offset-top="80">
-        <ul class="sidebar-messages">
-        </ul>
+        data-side="right" data-width="320" data-sidebar-fixed="true" data-fixed-offset="60" data-spy="affix"
+        data-offset-top="80">
+        <br>
+        <ul class="sidebar-messages"></ul>
+        <br>
         <div class="text-center"><a href="{{appContext}}notification-listing" class="btn btn-primary">Show all notifications</a></div>
     </div>
 {{/zone}}

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.ui.navbar.nav-menu/public/js/nav-menu.js

@@ -128,22 +128,22 @@ function loadNewNotifications() {
                         if (responsePayload["notifications"]) {
                             if (responsePayload.count > 0) {
                                 viewModel["notifications"] = responsePayload["notifications"];
-                                viewModel["appContext"] = context;
+                                // viewModel["appContext"] = context;
                                 $(messageSideBar).html(template(viewModel));
                             } else {
-                                $(messageSideBar).html('<div class="alert alert-info" role="alert"><i class="icon fw fw-info"></i>No new notifications found...</div>');
+                                $(messageSideBar).html("<h4 class='text-center'>No new notifications found</h4>");
                             }
                         } else {
-                            $(messageSideBar).html("<h4 class ='message-danger'>Unexpected error " +
-                                "occurred while loading new notifications.</h4>");
+                            $(messageSideBar).html("<h4 class ='message-danger text-center'>Unexpected error " +
+                                "occurred while loading new notifications</h4>");
                         }
                     }
                 },
                 // on error
                 function (jqXHR) {
                     if (jqXHR.status = 500) {
-                        $(messageSideBar).html("<h4 class ='message-danger'>Unexpected error occurred while trying " +
-                            "to retrieve any new notifications.</h4>");
+                        $(messageSideBar).html("<h4 class ='message-danger text-center'>Unexpected error occurred while trying " +
+                            "to retrieve any new notifications</h4>");
                     }
                 }
             );