UI/Style: re-align timestamp notification and empty panel

web/css/styles.min.css

@@ -960,6 +960,7 @@ a {
   text-align: center;
   font-size: 1.2rem;
   font-weight: normal;
+  padding: 4rem;
 }
 
 .notification-container .empty .status-icon {
@@ -972,7 +973,7 @@ a {
 
 .notification-container li {
   border-bottom: 1px solid #e9e4e4;
-  padding: 30px 20px 50px 20px;
+  padding: 1rem;
 }
 
 .notification-container  li:last-child {
@@ -1046,9 +1047,10 @@ a {
 }
 
 .notification-container .time {
-  float: right;
-  margin-top: 1rem;
-  font-size: 0.7rem;
+  font-size: 0.9em;
+  display: block;
+  text-align: right;
+  padding-top: 0.6rem;
 }
 
 

web/js/templates.js

@@ -13,7 +13,7 @@ App.Templates.html = {
                     </li>'
         ],
         notification_empty: [
-                    '<li class="empty"><br><br><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\
+                    '<li class="empty"><span><i class="fas fa-bell-slash status-icon" style="font-size: 4rem;"></i><br><br>\
                     '+App.Constants.NOTIFICATIONS_EMPTY+'\</span></li>'
         ]
     },