Map side by side with map-related data

index.html

@@ -79,20 +79,21 @@
 
     <h2>Ma localisation</h2>
 
-    <div id="map">&nbsp;</div>
-    <div class="form-group">
-      <label for="latitude">Latitude</label>
-      <input type="text" name="latitude" id="latitude" value="" class="form-control" />
-    </div>
-    <div class="form-group">
-      <label for="longitude">Longitude</label>
-      <input type="text" name="longitude" id="longitude" value="" class="form-control" />
-    </div>
-    <div class="form-group form-inline">
-      <label for="search" class="form-label">Recherche</label>
-      <input type="text" name="search" id="search" value="rue du calvaire, nantes" class="form-control" />
-      <span id="search-btn" class="btn btn-default">Recherche</span>
-      <div id="search-results" class=""></div>
+    <div class="row">
+      <div id="map" class="col-xs-4">&nbsp;</div>
+      <div class="form-group col-xs-5">
+        <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>
+          <div id="search-results" class=""></div>
+        </div>
+        <div class="form-group form-group-sm">
+        <label for="latitude">Latitude</label>
+        <input type="text" name="latitude" id="latitude" value="" class="form-control" />
+        <label for="longitude">Longitude</label>
+        <input type="text" name="longitude" id="longitude" value="" class="form-control" />
+        </div>
+      </div>
     </div>