diff --git a/.obsidian/plugins/webinar-dash/styles.css b/.obsidian/plugins/webinar-dash/styles.css index 3887f21..16f435c 100644 --- a/.obsidian/plugins/webinar-dash/styles.css +++ b/.obsidian/plugins/webinar-dash/styles.css @@ -32,6 +32,13 @@ rows get hard to track across. Cap the whole dashboard, not just the grid, so the toolbar stays flush with the panes below it. */ max-width: 1600px; + /* Lifting the host's readable-line-width cap also removes the centring that + was providing the note's side margins, so the content ran flush to the + pane edge. Restore a gutter on our own element rather than reaching into + Obsidian's: centred when the pane is wider than the cap, and a fixed + 24px inset (the tesanti gutter) at every width including narrow panes. */ + margin-inline: auto; + padding-inline: 24px; /* Makes this element the reference for the @container query further down, so the grid collapses on the pane's width rather than the window's. */ container-type: inline-size;