Align docs content to the left

[patrickteivas]

Is your feature request related to a problem? Please describe.
When writing docs with addon-docs, content of .mdx file (Documentation file) starting from the center of window on FHD monitor resolution.

Describe the solution you'd like
Content aligned to the left, no need to increase max-width of the content block.

Are you able to assist bring the feature to reality?
Don't think so.

Additional context
Screenshot of content starting from the center (Like I described)

Screenshot of my idea

[patrickteivas]

If this feature request will be accepted, I realized that display: flex on docs-root child div is responsible for this. I'm not expert in frontend development, but if just take this off, will it break other things?

display: -webkit-box;
display: -webkit-flex;
display: flex;

[shilman]

Cc @domyen who designed the current layout

[patrickteivas]

cc @domyen so, what about it?

[domyen]

This happens because the content area should be aligned in the center of the docs area. Like so:

@shilman is adding a CSS class for folks to override the default styles with their own styling. It's unlikely alignment will be theme-able to keep the API tight.

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[shilman]

Those classes should now be present in the SB Docs CSS in next (5.3.0-alpha.x). Documented here: https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#css-escape-hatches

Closing for now!