new

src/components/City/City.js

@@ -58,13 +58,17 @@ const City = (props) => {
       background: 'linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%)',
     }}>
       <div style={{
+        position: 'fixed',
+        top: 100,
         display: 'flex',
+        alignItems: 'center',
         flexDirection: 'column',
         justifyContent: 'center',
-        gap: 50,
+        gap: 80,
       }}>
         <div style={{
           display: 'flex',
+          justifyContent: 'center',
           width: 304,
         }}>
           <img src="./image 2.png" alt="#" style={{
@@ -72,7 +76,11 @@ const City = (props) => {
             height: 282,
           }} />
         </div>
-
+          <span style={{
+            fontWeight: 700,
+            fontSize: 30,
+            color: '#000'
+          }}>Выберите город</span>
         <select onChange={e => cityHandler(e)} value={selectedCity} id="city" name="city" style={{
           height: 40,
           width: 304,
@@ -93,6 +101,8 @@ const City = (props) => {
   <div className="button-container" style={{
     display: 'flex',
     flexDirection: 'column',
+    position: 'fixed',
+    bottom: 50,
     gap: 10,
     }}>
     <button
@@ -112,7 +122,7 @@ const City = (props) => {
       Я в этом городе
     </button>
     <button
-      onClick={() => window.location.href = 'https://www.aviasales.ru/?marker=15468.ydof241309826304&yclid=18373991699987824639&params=TGK1'}
+      onClick={() => window.open('https://www.aviasales.ru/?marker=15468.ydof241309826304&yclid=18373991699987824639&params=TGK1')}
       className="animated-button"
       style={{
         display: 'flex',