Resolve the conflict between SC-cube and text in the SC help Home with a typo correction in scdoc.css

[prko]

Purpose and Motivation

1. This PR fixes the problem reported in At the top left of the help browser, the image hides the S of SuperCollider. #6138.
   • The reported problem:
     
   • Fixed with this PR:
     

I do not think my fix is the only way. I can remove it from this PR if @scztt fixes it, because I think this problem is definitely due to @scztt's fix as described in #6138 (comment).

2. This PR also removes an unnecessary */ on line 691 in scdoc.css:
   

   supercollider/HelpSource/scdoc.css

   Line 691 in 3b3eca7

   margin-right: 0px;*/

Types of changes

• Documentation
• Bug fix

To-do list

• Code is tested
• All tests are passing
• Updated documentation
• This PR is ready for review

[capital-G]

Thanks for this fix!

Interestingly enough, this seems to have been introduced only recently, as 3.13 docs do not have it, but dev docs have it.

The only change on the docs I found which could have introduced this is 39702ec

So maybe it would be better to adjust the selectors so they work properly again? This would be closest to "just keep things as they are", which I think is the intention here.

Also using whitespaces to adjust placement is not considered the best kind of CSS styling :)

edit:

I think adding the following code would fix it - can you verify it @prko ?

li.menuitem a.menu-link.home {
    padding-left: 2.5em;
}

[prko]

@capital-G

li.menuitem a.menu-link.home {
    padding-left: 2.5em;
}

Adding this block of code will fix the problem, so there is no need to change scdoc.js.
However, the sccube image should still be resized.

Your suggestion is better than my PR!
If you want to fix it, I can close it. It is not a problem!
Let me know what to do!