From 9b76a8d51b02ae3e8d451b56836d274c9a3b272e Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Fri, 21 Feb 2020 19:14:29 +0000
Subject: [PATCH] Made the caption in collapsible lists clickable.

---
 web/src/SearchResults.css | 3 ++-
 web/src/utils.js          | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/SearchResults.css b/web/src/SearchResults.css
index 75c8b22..8645e59 100644
--- a/web/src/SearchResults.css
+++ b/web/src/SearchResults.css
@@ -32,7 +32,8 @@
 .search-result .content p:first-child { margin-top: 0 ; }
 .search-result .content .image { float: left ; margin: 0.25em 0.5em 0.5em 0 ; max-height: 5em ; max-width: 6em ; }
 .search-result .content .collapsible { margin-top:0.5em ; font-size: 90% ; color: #333 ; }
-.search-result .content .collapsible .caption img { height: 0.75em ; margin-left: 0.25em ; cursor: pointer ; }
+.search-result .content .collapsible .caption { cursor: pointer ; }
+.search-result .content .collapsible .caption img { height: 0.75em ; margin-left: 0.25em ; }
 .search-result .content .collapsible .count { font-size: 80% ; font-style: italic ; color: #666 ; }
 .search-result .content .collapsible ul { margin: 0 0 0 1em ; }
 .search-result.publisher .content .collapsible li { cursor: pointer ; }
diff --git a/web/src/utils.js b/web/src/utils.js
index b54fea7..bd11698 100644
--- a/web/src/utils.js
+++ b/web/src/utils.js
@@ -194,8 +194,8 @@ export function makeCollapsibleList( caption, vals, maxItems, style ) {
     else
         caption = <span> {caption} <span className="count"> ({vals.length}) </span> </span> ;
     return ( <div className="collapsible" style={style}>
-        <div className="caption"> {caption}
-            { excessItems.length > 0 && <img src="images/collapsible-down.png" onClick={flipExcessItems} ref={r => flipButtonRef=r} alt="Show/hide extra items." /> }
+        <div className="caption" onClick={flipExcessItems}> {caption}
+            { excessItems.length > 0 && <img src="images/collapsible-down.png" ref={r => flipButtonRef=r} alt="Show/hide extra items." /> }
         </div>
         <ul> {items} </ul>
         { excessItems.length > 0 &&