make searches reflect expanded prop type (#953)

* make searches reflect expanded proptype

* do it inline

* remove label

* Revert "remove label"

This reverts commit f8f28a7.

---------

Co-authored-by: casey1173 <caseyhansen1999@gmail.com>

frontend/lit/components/Reference.js

@@ -74,14 +74,15 @@ class Reference extends Component {
             </div>
         );
 
-        if (data.searches.length) {
+        if (!expanded && data.searches.length) {
             nodes.push(
                 <div
                     style={{minWidth: 85}}
                     className="d-flex dropdown flex-shrink-0"
                     key={h.randomString()}>
                     <a
                         className={`btn dropdown-toggle ${btn_size} outline-btn`}
+                        title="HAWC Searches/Imports"
                         data-toggle="dropdown"
                         aria-haspopup="true"
                         aria-expanded="false">
@@ -90,7 +91,7 @@ class Reference extends Component {
                     </a>
                     <div className="dropdown-menu dropdown-menu-right">
                         {data.searches.map((d, i) => (
-                            <a className="dropdown-item small" key={h.randomString()} href={d.url}>
+                            <a className="dropdown-item small" key={d.url} href={d.url}>
                                 {d.title}
                             </a>
                         ))}
@@ -207,6 +208,16 @@ class Reference extends Component {
                         ))}
                     </p>
                 ) : null}
+                {expanded && data.searches.length > 0 ? (
+                    <div>
+                        <label>Searches/imports:&nbsp;</label>
+                        {data.searches.map((d, i) => (
+                            <a className="btn btn-light mr-1 mb-2" key={d.url} href={d.url}>
+                                {d.title}
+                            </a>
+                        ))}
+                    </div>
+                ) : null}
                 {showHr ? <hr className="my-4" /> : null}
             </div>
         );