Return to Answer

Given my low hopes of this being fixed, here's my custom CSS. Here's how the right-hand side of my top bar looks now:

I use Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.

Given my low hopes of this being fixed, here's my custom CSS. Here's how the right-hand side of my top bar looks now:

I use Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.

Given my low hopes of this being fixed, here's my custom CSS. Here's how the right-hand side of my top bar looks now:

I use Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.

Given my low hopes of this being fixed, here's my custom CSS. Here's how the right-hand side of my top bar looks now:

I use Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.

Given my low hopes of this being fixed, here's my custom CSS using Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.

Given my low hopes of this being fixed, here's my custom CSS. Here's how the right-hand side of my top bar looks now:

I use Stylish (Firefox, Chrome, Opera, IE?; quickstart, detailed explanations). I'm still experimenting, so this might still change. Firefox syntax:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stackoverflow.com"), domain("meta.stackoverflow.com") {

/* More visible inbox indicator */
span.indicator-badge._important {
    font-size: 16px !important;
    /*font-weight: bold !important;*/
    top: 12px !important;
    left: 5px !important;
    right: 5px !important;
}

/* Hide the annoying "achievements" indicator */
a.js-achievements-button {
    display:none !important;
}

/* Stop the review indicator from moving when the cursor approaches */
span.indicator-badge._reviews {
    top: 12px !important;
}
}

For Chrome, omit the first two lines and the trailing closing brace.

Thanks to Keen and Mad Scientist for the help with CSS.