3

Fortrikka Please aggregrate all suggestions in one suggested CSS so it can be copy/pasted and tested.

      .CommenPost.votesAlternativeLayout.votesUpvotesOnly	{
min-height: 104px;
}
.CommentPostPostAlternativeLayoutvotesUpvotesOnly {
padding: 8px;
}
.PostStream-item {
padding: 0px;
}
.TagLabel {
padding: .05em .2em;
}
.icon fas fa-tag EventPost-icon {
font-size: 1em;
margin-top: 4px;
}

.Post-header {
margin-bottom: 0px;
}

.Post-body p {
margin-bottom: 0px;
}

.Dropdown-toggle.Button.Button--icon.Button--flat {
padding: 0px;
}```
      • Vlad replied to this.

        Vlad I dont see it active? Is there an option?
        Edit: It seems that I didn't specify the css correctly.

        • Vlad replied to this.

            Please add this:

            .Post {
    padding: 0.5em 0 0.5em 8em;
}

 i.icon.fas.fa-tag.EventPost-icon {
font-size: 1em;
margin-top: 4px;
}
.Button--link {
padding: 0px 8px;
}
.Button--link:hover {
padding: 0px 8px;
}
.CommentPost.votesAlternativeLayout.votesUpvotesOnly {
min-height: 0px;
}
CommenPost.votesAlternativeLayout.votesUpvotesOnly	{
min-height: 104px;
}
.CommentPostPostAlternativeLayoutvotesUpvotesOnly {
padding: 8px;
}
.PostStream-item {
padding: 0px;
}
.TagLabel {
padding: .05em .2em;
}
.Post-header {
margin-bottom: 0px;
}

.Post-body p {
margin-bottom: 0px;
}

.Dropdown-toggle.Button.Button--icon.Button--flat {
padding: 0px;
}
/*Below are some tweaks because some class names are also used for the heading, so now I am centering them again.*/
.Header-controls {
margin: 0px;
padding: 0.5em 1em;
list-style: none;
}
.Header-controls-search-bar {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0.1em 1em;
}
            • Remove the .icon fas fa-tag EventPost-icon class entirely, it is a mispelling and is replaced by the reiteration above. ul.Header-controls-search-bar is a new class only for the search input bar and username+notifications button in order to center it.
            • .Header-controls-search-bar is a new class for the search bar and profile icons on the top of the website.

              The only glitch is that on the tiniest zoom setting the top heading-controls are slightly off-center.

                Hello? Any updates. The above is the revamped, remove the old one and add this one back.

                • Vlad replied to this.

                  Fortrikka Thanks I tried it and it is too compact.

                  Perhaps adding a custom css feature for users would be better.

                      Vlad Perhaps it can be made a toggle in the settings? Not many css updates on this website, plus I use it often. So I can update this post with a new css whenever some new feature radically overhauls the website, which I estimate will be never as this is a forum for a browser… 

                          Can you rename this to compact website mode?

                            16 days later

                            I still can't rename this post to "compact website mode".

                              15 days later
                              Fortrikka changed the title to Compact website mode .

                                For those who searched for this post:

                                    padding: 0.5em 0 0.5em 8em;
}

 i.icon.fas.fa-tag.EventPost-icon {
font-size: 1em;
margin-top: 4px;
}
.Button--link {
padding: 0px 8px;
}
.Button--link:hover {
padding: 0px 8px;
}
.CommentPost.votesAlternativeLayout.votesUpvotesOnly {
min-height: 0px;
}
CommenPost.votesAlternativeLayout.votesUpvotesOnly	{
min-height: 104px;
}
.CommentPostPostAlternativeLayoutvotesUpvotesOnly {
padding: 8px;
}
.PostStream-item {
padding: 0px;
}
.TagLabel {
padding: .05em .2em;
}
.Post-header {
margin-bottom: 0px;
}

.Post-body p {
margin-bottom: 0px;
}

.Dropdown-toggle.Button.Button--icon.Button--flat {
padding: 0px;
}
/*Below are some tweaks because some class names are also used for the heading, so now I am centering them again.*/
.Header-controls {
margin: 0px;
padding: 0.5em 1em;
list-style: none;
}
.Header-controls-search-bar {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0.1em 1em;
}```

                                  @Vlad, can you change the tags to suggestions, this website so people who search that category can see this?

                                    No one is typing