diff www/search.html @ 1793:e65dde84a6a8

Various improvements to the front-end code.
author Matti Hamalainen <ccr@tnsp.org>
date Sun, 29 Oct 2017 18:36:39 +0200
parents 6ee732cab6ae
children 3ba29e3fa63d
line wrap: on
line diff
--- a/www/search.html	Sun Oct 29 17:59:42 2017 +0200
+++ b/www/search.html	Sun Oct 29 18:36:39 2017 +0200
@@ -31,23 +31,54 @@
       border-radius:0.3em;
       padding: 0.5em;
     }
-    
+
     #resultsBox {
       width: 60%;
       height: 100%;
       margin: auto;
     }
-    
+
     #logBox {
        display: inline-block;
        vertical-align: top;
        padding: 0.5em;
        margin-top: 0.5em;
     }
-    
+
     #controls {
       text-align: right;
-      padding: 0.5em;
+    }
+
+    #controls button {
+      padding-left: 1em;
+      padding-right: 1em;
+      padding-top: 0.5em;
+      padding-bottom: 0.5em;
+      margin: 0.5em;
+    }
+
+    #mapList {
+      margin: 0.5em;
+      display: block;
+    }
+
+    #mapList .map + label {
+      display: inline;
+      padding: 0.25em;
+      margin: 0.15em;
+      border-radius: 0.2em;
+      color: black;
+      background: #ccc;
+    }
+
+    #mapList .map {
+      display: none;
+    }
+
+    #mapList .map:checked + label {
+      color: white;
+      background: green;
+      text-decoration: underline;
     }
   </style>
 </head>
@@ -79,8 +110,10 @@
 ^^^^^^^^^hhhhvvvvHH^R
 </textarea>
   <div id="controls">
-    <button id="btnClear" type="button">Clear</button> 
-    <button id="btnSearch" type="button">Search</button> 
+    <div id="mapList"></div>
+    <button id="btnMaps" type="button">C^</button>
+    <button class="large" id="btnReset" type="button">Reset search</button>
+    <button class="large" id="btnSearch" type="button">Search</button>
   </div>
 </div>