css instructions notification.tpl global.css

diff --git a/view/global.css b/view/global.css
index 1dfbf18920194ab8d3232e51fcc021164a3c1dd4..461ccca08acbe9249e1083d5dce93ae854125bea 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -788,4 +788,22 @@ summary.wall-item-summary {
        font-weight: bold;
        font-style: oblique;
   padding-bottom: 5px;
-}
\ No newline at end of file
+}
+
+/* css instructions notification.tpl */
+/* Flexbox layout to align the icon and text in a single line */
+.notif-item a {
+    display: flex;
+    align-items: flex-start;
+}
+
+/* Margin to create space between the icon and the text */
+.notif-image {
+    margin-right: 10px;
+
+/* Styles to ensure the text wraps properly after 70 characters */
+.notif-text {
+    display: inline-block;
+    max-width: 70ch;
+    overflow-wrap: break-word;
+}