Made the caption in collapsible lists clickable.

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 ; }

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 &&