From 10d2f22f864a045c74cd3ccbee3ae5ddb9075219 Mon Sep 17 00:00:00 2001
From: Karl-Martin Zimmermann <karl@jotech.net>
Date: Wed, 16 Aug 2017 09:33:33 +0200
Subject: [PATCH] fix css #9

---
 css/style.css | 7 ++++++-
 result.php    | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index c3013c1..a57afbd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10,8 +10,13 @@ body {
     min-height: 90px;
 }
 
-.listbtn {
+.btn.btn-default.listbtn {
     height: 70px;
+    border-top-width: 1px;
+}
+
+.btn.btn-default.listbtn.listbtn-on {
+    border-color: #00CC66;
 }
 
 .img-list-logo-small {
diff --git a/result.php b/result.php
index 732d3bf..e29c920 100644
--- a/result.php
+++ b/result.php
@@ -185,7 +185,7 @@ if(!$data_content){
               $classname = string_to_css_classname($data['lists'][$i]['name']);
               $list_logo = $data['lists'][$i]['logo'];
               $list_name_short = $data['lists'][$i]['name_x'];
-              echo "<button class='btn btn-default btn-primary listbtn listbtn-$classname' onclick='toggleColumn(\"$classname\")'><img class='img-responsive img-list-logo-small' src='img/lists/$list_logo' title='$list_name_short Logo'></button>";
+              echo "<button class='btn btn-default listbtn listbtn-on listbtn-$classname' onclick='toggleColumn(\"$classname\")'><img class='img-responsive img-list-logo-small' src='img/lists/$list_logo' title='$list_name_short Logo'></button>";
             }
             ?>
           </div>
@@ -255,7 +255,7 @@ if(!$data_content){
 
     function toggleColumn(listname){
       $('.list-'+listname).toggle(200);
-      $('.listbtn-'+listname).toggleClass('btn-primary');
+      $('.listbtn-'+listname).toggleClass('listbtn-on');
     }
 
     function showOverview(){