From 299cacdbef50a6ba4400cc4dafb4d37135caf1bd Mon Sep 17 00:00:00 2001 From: Adrian Schaedle Date: Sat, 11 Oct 2014 21:34:50 -0700 Subject: [PATCH 1/2] Separate column contents from column definitions --- public/css/main.css | 13 +++++---- public/index.html | 65 ++++++++++++++++++++++++++------------------- 2 files changed, 45 insertions(+), 33 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index dc99945..10d7772 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -3,14 +3,13 @@ ========================================================================== */ .site-header { - margin: 2.5em -1.25em; - border-radius: 4px; - padding: 1em; - vertical-align: center; + margin: 40px 0; } .site-title { - margin: 0; + display: inline-block; + vertical-align: bottom; + margin: 0 0 0 0.2em; font-size: 5em; font-weight: normal; line-height: 75px; @@ -69,3 +68,7 @@ #footer { margin-bottom:10px; } + +.u-overflowRegion { + overflow: auto; +} diff --git a/public/index.html b/public/index.html index b66712f..7ab6bba 100644 --- a/public/index.html +++ b/public/index.html @@ -18,14 +18,12 @@ diff --git a/public/js/component/ui_top_components_list.js b/public/js/component/ui_top_components_list.js index daaa4c8..009141b 100644 --- a/public/js/component/ui_top_components_list.js +++ b/public/js/component/ui_top_components_list.js @@ -30,11 +30,14 @@ define(function (require) { this.htmlFor = function (component) { + var template = [ + '', + '{{stat}}', + '{{name}}', + '' + ].join('\n'); component.stat = this.attr.displayFunction(component[this.attr.compare]); - return Mustache.render( - "
  • {{name}}" + - "{{stat}}
    • " - , component); + return Mustache.render(template, component); }; this.displayTopList = function (ev, data) { data.components.forEach(function (component) {