Browse Source

Improve map & search.

opi 10 years ago
parent
commit
397e2b144b
3 changed files with 10 additions and 5 deletions
  1. 5 2
      assets/main.css
  2. 1 1
      assets/main.js
  3. 4 2
      index.html

+ 5 - 2
assets/main.css

@@ -1,4 +1,7 @@
 #map {
-	width: 500px;
-	height: 300px;
+    min-height: 300px;
+}
+
+#search-results {
+    margin-top: 1em;
 }

+ 1 - 1
assets/main.js

@@ -44,7 +44,7 @@ $( document ).ready(function() {
                 // $('<p>Resultats</p>').appendTo('#search-results');
                 $('<ul/>').addClass("list-group").html(items.join('')).appendTo('#search-results');
             } else {
-                $('<p>', { html: "No results found" }).appendTo('#search-results');
+                $('<p>', { html: "Aucun résultat" }).appendTo('#search-results');
             }
 
             // Bind click on results and update coordinates

+ 4 - 2
index.html

@@ -113,8 +113,10 @@ Un moyen de contact au moins est nécessaire
     <h2>Ma localisation</h2>
 
     <div class="row">
-      <div id="map" class="col-xs-4">&nbsp;</div>
-      <div class="form-group col-xs-5">
+      <div class="col-sm-6">
+        <div id="map"></div>
+      </div>
+      <div class="form-group col-sm-6">
         <div class="form-group form-group-lg form-inline">
           <input type="text" name="search" id="search" placeholder="rue du calvaire, nantes" class="form-control" />
           <span id="search-btn" class="btn btn-default btn-lg">Recherche</span>