fix: notif panel full width on phones only, fixed on tablets

Author: ddrayko

public/css/style.css

@@ -1951,10 +1951,9 @@ tbody tr:hover {
     font-size: 0.82rem;
   }
 
-  /* Notification panel: full width on mobile */
+  /* Notification panel: adapts on tablet */
   .notif-panel {
-    left: 0;
-    width: 100%;
+    width: 340px;
     top: 0;
     bottom: 0;
     height: 100%;
@@ -2683,7 +2682,12 @@ tbody tr:hover {
     font-size: 0.78rem;
   }
 
-  /* Notif panel 480px */
+  /* Notif panel: full width on phones */
+  .notif-panel {
+    left: 0;
+    width: 100%;
+  }
+
   .notif-panel-header {
     padding: 12px 12px 10px;
   }