메인으로 올릴 것

call-front/src/App.js

@@ -18,6 +18,8 @@ import { Route, Switch } from 'react-router-dom';
 const App = () => {
     return (
         <>
+        <meta name="apple-mobile-web-app-capable" content="yes"></meta>
+        <meta name="mobile-web-app-capable" content="yes"></meta>
             <div className="content">
                 <Switch>
                     <Route exact path="/" component={Home} />

call-front/src/components/MapContainer.css

@@ -2,4 +2,10 @@
     padding:5px;
     font-size:12px;
     text-align:center;
+}
+
+.place-name {
+    width: 100px;
+    height: 100px;
+    background-color: #25cff2;
 }

call-front/src/components/MapContainer.js

@@ -28,7 +28,7 @@ const MapContainer = ({ searchPlace }) => {
           let locPosition = new kakao.maps.LatLng(lat, lon),
               message = '<div style="padding:5px;">현위치</div>';
 
-          // 마커와 인퍼윈도우를 표시
+          // 마커와 인포윈도우를 표시
           displayMarker(locPosition, message);
       });
     } else{
@@ -130,7 +130,7 @@ const MapContainer = ({ searchPlace }) => {
       })
 
       kakao.maps.event.addListener(marker, 'click', function () {
-        infowindow.setContent('<div id="CSPing">' + place.place_name + '</div>')
+        infowindow.setContent('<div id="CSPing">' + '<div className="place-name">' + place.place_name + '</div>' + '</div>')
         infowindow.open(map, marker)
       })
     }
@@ -166,7 +166,6 @@ const MapContainer = ({ searchPlace }) => {
     </>
   )
 }
-
 const Maps = styled.div`
 width: auto;
 height: 93vh;

call-front/src/components/SearchPlace.css

@@ -1,4 +1,6 @@
 #searchP {
+    width: 100%;
+    height: 5.2vh;
     position: fixed;
     top: 0;
     z-index: 4;
@@ -13,6 +15,11 @@
     line-height:0;
 }
 
+.inputForm-con {
+    margin: 0;
+}
+
 #inputForm {
+    margin: 0.7vh auto;
     padding-top: 1vh;
 }

call-front/src/components/SearchPlace.js

@@ -21,8 +21,8 @@ const SearchPlace = () => {
 
   return (
     <>
-      <div className="inputForm-con" id="searchP">
-        <form className="inputForm d-flex" id="inputForm" onSubmit={handleSubmit}>
+      <div id="searchP">
+        <form className="d-flex" id="inputForm" onSubmit={handleSubmit}>
           <input
               className="form-control me-2"
               id="searchIn"

call-front/src/components/nav.css

@@ -1,6 +1,4 @@
 .nav-section {
-    position: fixed;
-    bottom: 1vh;
     width: 100%;
     height: 5vh;
     color: black;