Fix overflow in notifications list (#35446)

silverwind · web-flow · commit b76e69fee7ad · 2025-09-10T13:05:35.000Z
Before: <img width="1339" height="159" alt="Screenshot 2025-09-10 at 02 29 09" src="https://github.com/user-attachments/assets/097f0929-f387-428f-a53d-74cf88d0b013" /> After: <img width="1335" height="114" alt="Screenshot 2025-09-10 at 02 29 17" src="https://github.com/user-attachments/assets/2185c9aa-eca0-43da-b244-674e7b81aef8" />
diff --git a/web_src/css/user.css b/web_src/css/user.css
@@ -120,6 +120,7 @@
   flex-wrap: wrap;
   gap: 0.5em;
   padding: 0.5em 1em;
+  overflow-wrap: anywhere;
 }
 
 .notifications-item:hover {

Original file line number	Diff line number	Diff line change
`@@ -120,6 +120,7 @@`
`120`	`120`	`flex-wrap: wrap;`
`121`	`121`	`gap: 0.5em;`
`122`	`122`	`padding: 0.5em 1em;`
	`123`	`+ overflow-wrap: anywhere;`
`123`	`124`	`}`
`124`	`125`
`125`	`126`	`.notifications-item:hover {`