From c219c38a49920b49e4b5941756fb290b04402234 Mon Sep 17 00:00:00 2001 From: "Haas, Christoph" Date: Fri, 23 Aug 2013 13:38:15 +0200 Subject: [PATCH] Improved thumbnails view More readable fonts. Better spacing. 3-col layout on medium-sized devices (responsiveness) --- app/assets/stylesheets/my.css.scss | 10 +++++++--- app/views/packages/_packages_search_results.html.erb | 2 +- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/my.css.scss b/app/assets/stylesheets/my.css.scss index 0b41cd5..4a68397 100644 --- a/app/assets/stylesheets/my.css.scss +++ b/app/assets/stylesheets/my.css.scss @@ -1,18 +1,22 @@ div.thumbnail { - width: 200px; - height: 230px; + /*width: 200px;*/ + height: 210px; + margin-bottom: 5px; } +/* Package name in thumbnails view */ .thumbnail h3 { font-size: 18px; - line-height: normal; text-align: center; white-space: nowrap; overflow: hidden; + margin-top: 8px; + margin-bottom: 5px; } +/* Package description in thumbnails view */ .thumbnail p { text-align: center; diff --git a/app/views/packages/_packages_search_results.html.erb b/app/views/packages/_packages_search_results.html.erb index 1bba4da..fd4da71 100644 --- a/app/views/packages/_packages_search_results.html.erb +++ b/app/views/packages/_packages_search_results.html.erb @@ -2,7 +2,7 @@ <% if @packages.length>0 %> <% @packages.each do |package| %> -
+
<% if package.screenshots.length>0 %> <% screenshot = package.screenshots.first %>