3

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