diff --git a/app/assets/stylesheets/statistics.css.scss b/app/assets/stylesheets/statistics.css.scss index a5ea4430..c1c8d993 100644 --- a/app/assets/stylesheets/statistics.css.scss +++ b/app/assets/stylesheets/statistics.css.scss @@ -58,3 +58,30 @@ div.negative-result { box-shadow: 0px 0px 11px 1px rgba(222,0,0,1); } +///////////////////////////////////////////////////////////////////////////////////////////// +// StatisticsController: + +.statistics-wrapper { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-auto-rows: 150px; + grid-gap: 10px; + + > div { + border: 2px solid #0055ba; + border-radius: 5px; + background-color: #008cba; + padding: 1em; + color: #fff; + display: flex; + flex-flow: column-reverse; + text-align: center; + + > .data { + flex-grow: 1; + font-size: 40px; + vertical-align: middle; + line-height: 100px; + } + } +} diff --git a/app/assets/stylesheets/statistics.scss b/app/assets/stylesheets/statistics.scss deleted file mode 100644 index 3645fc0b..00000000 --- a/app/assets/stylesheets/statistics.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Place all the styles related to the Statistics controller here. -// They will automatically be included in application.css. -// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/views/statistics/show.html.slim b/app/views/statistics/show.html.slim index 14372a07..c151cf29 100644 --- a/app/views/statistics/show.html.slim +++ b/app/views/statistics/show.html.slim @@ -1 +1,3 @@ h1 = t('shared.statistics') + +.statistics-wrapper