3


Here is how it looks in complex discussions. Took around 15 minutes to get this working… 

  • Vlad replied to this.

    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