Графические фиксы

src/components/City/City.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from "react";
 import axios from "axios";
+import './City.css'
 
 const City = (props) => {
   const route = props.getValue;
@@ -72,7 +73,7 @@ const City = (props) => {
           justifyContent: 'center',
           width: 304,
         }}>
-          <img src='./image 2.png' alt="#" style={{
+          <img src='./image 2.png' alt="#" draggable="false" style={{
             width: 282,
             height: 282,
           }} />
@@ -81,16 +82,17 @@ const City = (props) => {
             fontWeight: 700,
             fontSize: 30,
             color: '#000'
-          }}>Выберите город</span>
-        <select onChange={e => cityHandler(e)} value={selectedCity} id="city" name="city" style={{
+          }}></span>
+        <select onChange={e => cityHandler(e)} placeholder="Выберите город..." value={selectedCity} id="city" name="city" style={{
           height: 40,
           width: 304,
           borderRadius: '20px',
+          border: 'none',
           padding: '5px',
         }}>
           <option value="" style={{
                 maxWidth: 200,
-            }}>Select a city</option>
+            }}>Выберите город...</option>
           {filteredCityOptions.map(option => (
             <option key={option.id} value={option.name} style={{
                 maxWidth: 200,
@@ -107,46 +109,31 @@ const City = (props) => {
     gap: 10,
     }}>
     <button
+      className="animated-button"
       onClick={() => {
         route('/second')
         setUserData({selectedCity: selectedCity});
         console.log(selectedCity);
     }}
-      className="animated-button"
-      style={{
-        width: 304,
-        height: 54,
-        borderRadius: 27,
-        border: 'none',
-        backgroundColor: '#46A2E3',
-        fontFamily: 'Raleway',
-        color: '#FFFFFF',
-        fontWeight: '97px',
-      }}
     >
       Я в этом городе
     </button>
     <button
+      className="ab"
       onClick={() => window.open('https://www.aviasales.ru/?marker=15468.ydof241309826304&yclid=18373991699987824639&params=TGK1')}
-      className="animated-button"
       style={{
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
-        width: 304,
         height: 42,
-        borderRadius: 27,
         border: 'none',
-        backgroundColor: '#fff',
-        fontFamily: 'Raleway',
-        color: '#0C78FE',
-        fontWeight: '97px',
       }}
     >
       <img
         src="./icon200.png"
         alt="#"
         style={{
+          fontSize: 20,
           width: 30,
           height: 30,
           marginRight: 10,