UI improvement: "Show Statistics" button should be more visible

[glynhudson]

The "Show Statistics" tag needs to be more prominent.

• Make text darker (black?)
• Make tab action more prominent

Extension of #35

[emrysr]

Might be better to add a tab navigation here to jump between the two views?
[mock up of 2 tab layout]

[TrystanLea]

Would using black font colour be sufficient?

[glynhudson]

We did look test with a black font, however it just looked like a table header rather than a clickable tab hyperlink. The tab suggestion by @emrysr would make this very clear.

[TrystanLea]

Keen for the flat styling to be in keeping with rest of the site, any other bootstrap v2 options that might work @emrysr ?

[emrysr]

discussed with @TrystanLea and @glynhudson.. simplest fix is to use the built in bootstrap 2.3 class names for buttons:

the classes btn and btn-default (and 5px margin) will make the button look like the above screenshot

pasted edits from inspector :

<div class="feed-options-show-options hide btn btn-default" style="display: none;">Show options</div>
<div class="feed-options-show-stats btn btn-default" style="display: block;">Show statistics</div>

php

add the above classes to the html in Modules/graph/group_view.php and Modules/graph/view.php

css

Modules/graph/graph.css css changes from:

.feed-options-show-stats {
    float: right;
    padding: 10px;
    width: 150px;
    text-align: center;
    border-left: 1px solid #eee;
}

to:

.feed-options-show-stats {
    float: right;
    margin: 5px;
}