🚧 Fix dashboard view

README.md

@@ -239,7 +239,8 @@ Example response:
 - [x] Add possability to rename ingested device names in message payloads, e g based on the imei. Must be possible to perform between datetimes. If either field(from or to) is unset, no framing is performed in that end. (→ `POST /devices/{imei}/rename`, see the endpoint table)
 - [x] Separate payload relative settings from auth settings. Sub-sections in menu? (→ sidebar grouped into **Data** / **Access** sections)
 - [x] Hide features from users not able to use them based on authorization. (→ auth-management links hidden for read-only `user` role; route guard blocks direct URL access; the API enforces 403 server-side regardless)
-- [ ] Fix dashboard view, message expanding outside table. Make it look like the table in messages view.
+- [x] Fix dashboard view, message expanding outside table. Make it look like the table in messages view. (→ payload cell now uses the same collapsed `<details>` + pretty-printed JSON + attributes block as the Messages view)
 - [ ] Make all tables able to sort on header. 
 - [ ] Remove clickable device links in tables for users that is not allowed to see the device view, or does not have enought authorization to be able to change anything. CLicking as a user ends up on a page with only some text.
 - [ ] Change datetime localization. How is it handled now, from browser or static? I'm in sweden and not following swedish rules on layout.
+- [ ] Make it possible to manipulate a messages payload.

frontend/src/style.css

@@ -353,6 +353,16 @@ pre.json {
   margin: 0.5rem 0;
 }
 
+/* Inside table cells (the collapsible payload/attributes blocks): report
+   zero min-width so a long unbreakable JSON value can never stretch the
+   column past the card; min-width:100% fills the actual cell instead and
+   the pre scrolls internally. Applies to Dashboard and Messages alike. */
+details > pre.json {
+  width: 0;
+  min-width: 100%;
+  margin: 0.35rem 0;
+}
+
 [data-theme='dark'] pre.json {
   background: #060b16;
   border: 1px solid var(--border);