fix map loading

diff --git a/public/index.html b/public/index.html
index edf490a236a8f0f39a9d1d6ae4fe5dd7a4b6c42d..35563dde2c18645888c5da42244b6430a8a002a9 100644 (file)
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,9 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
+          integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
+          crossorigin=""/>
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

diff --git a/src/App.scss b/src/App.scss
index 81a0ae6173dbc595c84bf4027c2c2b7de2062612..7d62206de1635b809770dddac54e34f4d0f013cd 100644 (file)
--- a/src/App.scss
+++ b/src/App.scss
@@ -79,26 +79,14 @@
   }
 
   .Get-button {
-    position: relative;
-    background: none;
-    border: solid 2px;
     width: 50%;
-    align-self: center;
-    font-size: 25px;
-    cursor: pointer;
-    margin: 5px 20px;
-    padding: 5px 0;
+    text-align: center;
   }
 
   .Game-tips-list {
     height: 100%;
   }
 
-  .Get-button:active {
-    bottom: -1px;
-    right: -1px;
-  }
-
   .Game-map {
     text-align: initial;
   }

diff --git a/src/Game.js b/src/Game.js
index 902139c431fed8627c41b5214bdc59a560641b44..4facb6da03b4d00d84e8eb5b1658413ccb30ea0f 100644 (file)
--- a/src/Game.js
+++ b/src/Game.js
@@ -83,12 +83,16 @@ export class Game extends Component {
               )}
 
               <div className="Game-controls">
-                <Button onClick={this.askTip}>
-                  Осмотреться
-                </Button>
-                <Button onClick={this.move}>
-                  Пройти дальше
-                </Button>
+                <div className="Get-button">
+                  <Button onClick={this.askTip} size="medium">
+                    Осмотреться
+                  </Button>
+                </div>
+                <div className="Get-button">
+                  <Button onClick={this.move} size="medium">
+                    Пройти дальше
+                  </Button>
+                </div>
               </div>
             </div>
             <div className="Game-map">