The follow and mute buttons on Steemit aren't very user friendly and frankly look a bit drab, so I decided to make them a little better with some really simple CSS

In this CSS improvement I have had to make the changes while viewing a user that follow which is the very well known witness @themarkymark please check out his profile and all the great work he does for the community.

My main goal today is to improve the looks slightly of the follow and mute buttons for desktop. I'd also like to see the back of that horrible image title from the logo. Yes, we all know it's the Steemit logo, no need to tell us when we hover over it haha.

https://cdn.steemitimages.com/DQmS1nWWpm7Z8UjSBWWFacSzVBiky5cGCUh5x2qmkCGWK25/steemit-logo-img-title-sucks.png

To get rid of this title we would simply need to remove the following title line from the php responsible. Once deleted you won't see the words "Steemit Logo" when hovering the logo.

https://cdn.steemitimages.com/DQmNsaU6P9egr6xqs3Cm3G42ksPndAWKK6KcnChTDn9X9Pc/title.png

Onto the Follow and Mute Buttons

There's only 2 elements to update, first the hover function, then the default view. It's really just a couple of very simple edits here, but I do think it makes a positive difference to the appearance.

Step 1: Add some colour to hover function


.button.hollow.secondary:hover, .button.hollow.secondary:focus {

    border-color: #1fbf8f;

    color: #fff;

    background-color: #06d6a9;

}

https://cdn.steemitimages.com/DQme9NZFhkx43yPeaTstE88aWNqaj2BA69R7T6ATYXeVnDB/steemit-follow-mute-buttons.gif

Step 2: Add a little tiny bit of padding and bold font

.UserProfile__banner .UserProfile__buttons label.button { color: black; border-radius: 2px; background-color: white; padding: 6px 8px; font-weight: 700; }

https://cdn.steemitimages.com/DQmWghpE55QxuGeRkBuhhkEXJhwuxJkkADPyC5ZeYxa6E99/font-bold-padding.png

Final Result: maybe could benefit from a very short shadow to lift away from users background images

https://cdn.steemitimages.com/DQmVy5kFMtoNRCKc4CeHJmPQjDA6zXVdRQNMhmFTvnWG1tS/steemit-follow-mute-buttons-final.gif

Hope you like my proposed changes, and once I figure out what the hell I'm doing on Git with the condenser then I will start to pull request these changes in hopes of making Steemit a tiny bit better