hiding scrollbars globally now and sorting notifications before rendering

base/static/aw.css

@@ -26,6 +26,11 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+  scrollbar-width:none;
+  -ms-overflow-style:none;
+}
+*::-webkit-scrollbar{
+  display:none;
 }
 
 

base/static/shell.js

@@ -92,7 +92,9 @@ function renderNotifications() {
     
     let html = ``;
 
-    Object.entries(notifications).forEach(([nid, n]) => {
+    Object.entries(notifications)
+        .sort((a, b) => new Date(b[1].time) - new Date(a[1].time))
+        .forEach(([nid, n]) => {
         html += `<p id="notification-${nid}" class="notification-title `;
         switch (n.status) {
             case "info":