`bd-article-container` is not taking full width of its parent

[bloussou]

Hello,
Moving from 0.9.0 to 0.10.1 It looks like .bd-article-container as a max-width: 60em; set. It doesn't look great in my opinion:

In 0.9.0 .bd-article in.bd-content was taking full width with a much nicer result :

The change was introduced by this PR : 4b97fe0#diff-49f6c89aa34e046c7b8d0f3776503de95dd1befffe5f2e13d032c136264ec6cf

[12rambau]

this started when we started implementing the ng-sphinx structure in the theme (#861). To be fair, I don't really understand why people want this fix 80-100 fix character per page and enforce it. I use huge screens at home, I'm simply never displaying anything full screen and I deal myself with the width I want to see ;-)
- me trying to fight a battle that I already lost millions of time -

On the other hand, I can confirm the bug from one of my documentation as well in pages autogenerated by automodule:

[bloussou]

Adding

html_sidebars = {
    "**": ["search-field.html", "sidebar-nav-bs.html"]
}

in my config.py and

.bd-article-container {
  width: 100%;
}

in my custom.css solve the issue.

[12rambau]

In your modification you are adding back some widgets in the left sidebar which is not necessary in my case.

• I also think that this should be working without the need for extra CSS so let's keep it open for now

[choldgraf]

I think this is a page in our documentation that shows this issue (not as pronounced because the content is wider but still there for debugging purposes):

https://pydata-sphinx-theme.readthedocs.io/en/stable/examples/subpages/subsubpages/index.html

I think the .bd-article-container rule shown above will fix this

re: limiting the word count per line, I don't have strong opinions other than we should follow best-practices that are generally recommended in industry / do what professional-looking documentation engines/sites do. I'm not a designer so I try to limit my personal design opinions in favor of what more well-resourced projects do 🤷

[StefRe]

@bloussou: applying this css change solves the issue for matplotlib (see matplotlib/matplotlib#23976) partially, but it creates a big white top margin:

current view:

with width: 100%;: