[Pcsclite-git-commit] [website] 02/02: Reader selection: compact the reader thumbnail

[Ludovic Rousseau]

This is an automated email from the git hooks/post-receive script.

rousseau pushed a commit to branch master
in repository website.

commit b480aa4dafe6ba51340a535728f848e3945258b7
Author: Ludovic Rousseau <ludovic.rousseau at free.fr>
Date:   Sat Dec 26 18:06:24 2015 +0100

    Reader selection: compact the reader thumbnail
    
    Use "display: inline-block;" CSS directive to have more readers per
    line.
---
 select_readers/css/jumbotron.css | 20 ++++++++++++++++++--
 select_readers/js/main.js        |  3 +--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/select_readers/css/jumbotron.css b/select_readers/css/jumbotron.css
index ed13e08..90c243c 100644
--- a/select_readers/css/jumbotron.css
+++ b/select_readers/css/jumbotron.css
@@ -4,12 +4,28 @@ body {
   padding-top: 50px;
   padding-bottom: 20px; }
 
+div.section-supported {
+  background: #fbfbfb; }
+
 div.section-shouldwork {
-  background: #eff; }
+  background: #eff;
+  border-color: #dee; }
 
 div.section-unsupported {
-  background: #fee; }
+  background: #fee;
+  border-color: #edd; }
 
 div.section-disabled {
   background: #555;
+  border-color: #444;
   color: #fff; }
+
+.thumbnail > img {
+  max-width: 200px;
+  max-height: 200px;
+}
+
+.thumbnail {
+  display: inline-block;
+  margin: 2px;
+}
diff --git a/select_readers/js/main.js b/select_readers/js/main.js
index 7253a68..197043a 100644
--- a/select_readers/js/main.js
+++ b/select_readers/js/main.js
@@ -82,13 +82,12 @@ function update_list() {
     // add Results
     for (i = 0; i < Filtered_readers.length; i += 1) {
         reader = Filtered_readers[i];
-        output = '<div class="col-sm-6 col-md-4">';
+        output = "";
         output += '<div class="thumbnail section-' + reader.section + '">';
         output += '<h2><a href="' + reader_url(reader) + '">' + reader.iManufacturer + "</a></h2>";
         output += "<p>" + reader.iProduct + "</p>";
         output += '<img src="../ccid/img/' + reader.image + '">';
         output += "</div>";
-        output += "</div>";
         Results[reader.section].append(output);
         show[reader.section] = true;
     }

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pcsclite/website.git