styles: Fix notification-group padding in our mods

* thanks: @kb10uy Signed-off-by: lindwurm <[email protected]>
akane-blue · Oct 16, 2024 · 3f11f9d · 3f11f9d
1 parent adb45fb
commit 3f11f9d
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 1 deletion.
diff --git a/app/javascript/styles/mods/compact-padding.scss b/app/javascript/styles/mods/compact-padding.scss
@@ -41,4 +41,27 @@
   .status__action-bar__button-wrapper {
     flex-grow: 0;
   }
+
+  .notification-ungrouped, .notification-group {
+    padding: 8px;
+  }
+
+  .notification-ungrouped .status__content {
+      margin-inline-start: 0;
+      width: 100%;
+  }
+
+  .notification-ungrouped .status__action-bar {
+      margin-inline-start: 0;
+      width: 100%;
+  }
+
+  .notification-group__icon {
+      width: 24px;   
+  }
+
+  .notification-ungrouped__header {
+      margin-bottom: 4px;
+      padding-inline-start: 0;
+  }
 }
diff --git a/app/javascript/styles/mods/legacy-style.scss b/app/javascript/styles/mods/legacy-style.scss
@@ -120,8 +120,25 @@
         margin: 0 -8px;
         padding-top: 12px;
     }
-
     .status__action-bar__button-wrapper {
         flex-grow: 0;
     }
+    .notification-ungrouped, .notification-group {
+        padding: 4px 4px 2px 4px;
+    }
+    .notification-ungrouped .status__content {
+        margin-inline-start: 0;
+        width: 100%;
+    }
+    .notification-ungrouped .status__action-bar {
+        margin-inline-start: 0;
+        width: 100%;
+    }
+    .notification-group__icon {
+        width: 24px;   
+    }
+    .notification-ungrouped__header {
+        margin-bottom: 4px;
+        padding-inline-start: 0;
+    }
 }