give an optical hint that clicking the header closes the drawer

diff --git a/manifest.appcache b/manifest.appcache
index bfdf744a80b93c450df57b71f36f298bca1fee5d..c49b00696b09b0a680e4f1ba18934d040486865f 100644 (file)
--- a/manifest.appcache
+++ b/manifest.appcache
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2015-06-07
+# 2015-06-07 .2
 index.html
 manifest.webapp
 js/map.js

diff --git a/style/lantea.css b/style/lantea.css
index fd7ff623f5e0e04ccd87fa7e2917bf3a2229c03d..c3c1b7270c3ed250bc98b234de280e1766bf1109 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -156,6 +156,17 @@ h1 {
   height: 1.2em;
 }
 
+/* For optical conveniece, display an "x" for closing. */
+.menuDrawer > h2:after {
+  content: '\00D7'; /* multiplication sign */
+  display: inline-block;
+  vertical-align: text-top;
+  float: right;
+  margin-top: 0;
+  margin-right: .2em;
+  font-size: .75em;
+}
+
 /* Custom checkbox design */
 .menuDrawer input[type="checkbox"] {
   display: none;