view/html: Hide search hint by default.

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 4aedb400604667c6e629ca02d3cc9ac3569e2ce2..d981818efcba7f5a89b43a3a7ac9a9b466055774 100644 (file)
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -49,7 +49,7 @@ p + p {
 }
 
 .card-body form {
-    padding-bottom: 2em;
+    padding-bottom: 1em;
 }
 
 thead {

diff --git a/mumi/web/view/html.scm b/mumi/web/view/html.scm
index 40605de799c4a4abdb09ae9aae0324856a2ade5b..ca7747699c26157adf4ee23051f30f9607f910f1 100644 (file)
--- a/mumi/web/view/html.scm
+++ b/mumi/web/view/html.scm
@@ -154,29 +154,30 @@
        (@ (class "card mb-5"))
        (div (@ (class "card-body bg-light"))
           ,(search-form #:standalone? #t)
-          (p (@ (class "card-text"))
-           (strong "Hint: ")
-           "Refine your search with filters like "
-           (span (@ (class "filter"))
-                 "is:open")
-           ", "
-           (span (@ (class "filter"))
-                 "author:me")
-           ", "
-           (span (@ (class "filter"))
-                 "submitter:me")
-           ", "
-           (span (@ (class "filter"))
-                 "date:yesterday..now")
-           ", "
-           (span (@ (class "filter"))
-                 "date:2018-04-01..2018-04-02")
-           ", "
-           (span (@ (class "filter"))
-                 "date:1m..today")
-           ", and "
-           (a (@ (href "help#search"))
-              "many more!"))))
+          (details
+           (summary (strong "Hint"))
+           (p
+            "Refine your search with filters like "
+            (span (@ (class "filter"))
+                  "is:open")
+            ", "
+            (span (@ (class "filter"))
+                  "author:me")
+            ", "
+            (span (@ (class "filter"))
+                  "submitter:me")
+            ", "
+            (span (@ (class "filter"))
+                  "date:yesterday..now")
+            ", "
+            (span (@ (class "filter"))
+                  "date:2018-04-01..2018-04-02")
+            ", "
+            (span (@ (class "filter"))
+                  "date:1m..today")
+            ", and "
+            (a (@ (href "help#search"))
+               "many more!")))))
       (h1 "Issues of interest")
       (table (@ (class "table table-condensed table-sm table-hover"))
              (thead