Added bootstrap buttons

Author: sodamodo

src/app/src/App.tsx

@@ -1,5 +1,6 @@
 import './App.css'
 import Map from './Map/Map'
+import Alert from 'react-bootstrap/Alert';
 
 
 

src/app/src/Map/Map.tsx

@@ -1,24 +1,30 @@
 import './Map.css'
 import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet'
 import 'leaflet/dist/leaflet.css'
+import Button from 'react-bootstrap/Button';
 
 
 function Map() {
 
   return (
-    <div className="leaflet-container">    
-      <MapContainer center={[39.952584, -75.165222]} zoom={13} scrollWheelZoom={true}>
-          <TileLayer
-            attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-          />
-          <Marker position={[39.952584, -75.165222]}>
-            <Popup>
-              This spots got a good vibe
-            </Popup>
-          </Marker>
-      </MapContainer>
+    <div className="leaflet-container-wrapper">
+      <div className="leaflet-container">    
+        <MapContainer center={[39.952584, -75.165222]} zoom={13} scrollWheelZoom={true}>
+            <TileLayer
+              attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+              url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+            />
+            <Marker position={[39.952584, -75.165222]}>
+              <Popup>
+                This spots got a good vibe
+              </Popup>
+            </Marker>
+        </MapContainer>
       </div>
+      <Button style={{backgroundColor:"#ADD8E6"}} variant="primary">Primary</Button>{' '}
+      <Button style={{backgroundColor:"#ADD8E6"}} variant="secondary">Secondary</Button>
+      <Button style={{backgroundColor:"#ADD8E6"}} variant="success">Success</Button>
+    </div>
   )
 }