Change Details

== Background Currently, the ToC appears very wide on screens between 1000 and 1200 px. We would like to reconsider the size of the margins and padding in this range in order to recover more space for the content == Acceptance criteria [] Decrease the ToC margins for screens between 1000 and 1200 px

== Background Currently, the ToC appears very wide on screens between 1000 and 1200 px. We would like to reconsider the size of the margins and padding in this range in order to recover more space for the content == Acceptance criteria [] Decrease the ToC margins for screens between 1000 and 1200 px == Spec for screen widths below 1200px: - reduce `padding-left` and `padding-right` on `mw-page-container` from `40px` to **`32px`** - reduce `margin-left` on `mw-content-container` from `296px` to **`254px`** - reduce widths of `mw-sidebar` and `.sidebar-toc` from `244px` to **`220px`** (regains 24px) - reduce `margin-left` on `.sidebar-toc` from `12px` to **`0px`** updated prototype: https://di-toc-with-menu-above.web.app/Butterfly {F35070922 width=600}

== Background Currently, the ToC appears very wide on screens between 1000 and 1200 px. We would like to reconsider the size of the margins and padding in this range in order to recover more space for the content == Acceptance criteria [] Decrease the ToC margins for screens between 1000 and 1200 px == Spec for screen widths below 1200px: - reduce `padding-left` and `padding-right` on `mw-page-container` from `40px` to **`32px`** - reduce `margin-left` on `mw-content-container` from `296px` to **`254px`** - reduce widths of `mw-sidebar` and `.sidebar-toc` from `244px` to **`220px`** (regains 24px) - reduce `margin-left` on `.sidebar-toc` from `12px` to **`0px`** updated prototype: https://di-toc-with-menu-above.web.app/Butterfly {F35070922 width=600}