Topic on Skin talk:Medik

Jump to navigation Jump to search

Make padding of the main content area consistent

3
Summary by Slepi

Tracked as issue #31 and resolved.

Kghbln (talkcontribs)

Currently the skin uses the following CSS to set the padding of the main content area which causes an inconsistency which is not too nice.

.pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
}

While the inconsistency is not apparent on larges screen, it actually on medium size screens such as the ones on tablets. Thus I suggest to also set "padding-right" to "3rem !important":

.pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

Small size screens to not have the issue at all.

Slepi (talkcontribs)

@Kghbln Good point, thanks! It seems that this CSS class comes from Bootstrap, so changing .pl-md-5 to .px-md-5 should do the trick. Thanks for reporting this! I've updated the source code - please try to update and let me know.

Kghbln (talkcontribs)

This indeed fixed the issue. Great. This was really super fast!