diff options
| author | David Thompson <dthompson2@worcester.edu> | 2015-01-29 20:29:04 -0500 |
|---|---|---|
| committer | David Thompson <dthompson2@worcester.edu> | 2015-01-30 07:27:13 -0500 |
| commit | 5e82f76c4305d8170f6b49e6d206084e1e45623a (patch) | |
| tree | d546043d6f00f8dbdd263f8fa29c765bfb43c999 | |
| parent | 83230afa51fd1ec6a1e224baeac59bd4be4eb0d4 (diff) | |
css: Improve appearance of counter badges next to headers.
* css/guix.css (.header .badge): New style.
* js/view/generations.js (guix.generations.view): Add 'header' class to
h2 element.
* js/view/packages.js (guix.packages.view): Likewise.
| -rw-r--r-- | css/guix.css | 5 | ||||
| -rw-r--r-- | js/view/generations.js | 2 | ||||
| -rw-r--r-- | js/view/packages.js | 2 |
3 files changed, 7 insertions, 2 deletions
diff --git a/css/guix.css b/css/guix.css index 040f239..2848fd5 100644 --- a/css/guix.css +++ b/css/guix.css @@ -14,6 +14,11 @@ cursor: pointer; } +.header .badge { + vertical-align: middle; + margin-left: 5px; +} + /* Loading Spinner */ @-webkit-keyframes spinner { diff --git a/js/view/generations.js b/js/view/generations.js index 912a1ab..0ff52f1 100644 --- a/js/view/generations.js +++ b/js/view/generations.js @@ -18,7 +18,7 @@ (function(generations) { generations.view = function(ctrl) { return guix.withLayout([ - m("h2", [ + m("h2.header", [ "Generations", m("span.badge", ctrl.generations().length) ]), diff --git a/js/view/packages.js b/js/view/packages.js index 7c55486..2abcf11 100644 --- a/js/view/packages.js +++ b/js/view/packages.js @@ -238,7 +238,7 @@ } return guix.withLayout(ctrl.pager().isEmpty() ? spinner : [ - m("h2", [ + m("h2.header", [ "Packages", m("span.badge", ctrl.packageCount()) ]), |