Немного улучшил дизайн

SergeyAkkuratov · Mar 18, 2024 · 91ec2f9 · 91ec2f9
1 parent 83336bd
commit 91ec2f9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/src/style.css b/src/style.css
@@ -1,11 +1,24 @@
+#main {
+  width: 900px;
+  overflow: auto;
+  margin: 0 auto;
+  padding: 2rem 2rem;
+  border: 3px solid #333333;
+  border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
+}
+
 .form-block {
   clear: both;
-  margin: 20px;
-  height: 10%;
+  margin-bottom: 20px;
+}
+
+.form-input {
+  width: 280px;
 }
 
 .history-block {
   float: right;
+  text-align: right;
 }
 
 .history-block span {
@@ -21,7 +34,6 @@
 .info-block div {
   display: inline-block;
   width: 300px;
-  height: 300px;
   vertical-align: top;
 }
 
@@ -33,7 +45,6 @@
 
 #map {
   width: 300px;
-  height: 300px;
   vertical-align: top;
 }
 

diff --git a/src/weatherApp.js b/src/weatherApp.js
@@ -61,8 +61,7 @@ export default async function weatherApp(element) {
   element.innerHTML = `
   <div class="info-block">
     <form id="weatherForm" class="form-block">
-        <input id="userInput" placeholder="Type city and press enter" required autofocus>
-        <button id="bGetWeather">Get weather</button>
+        <input id="userInput" class="form-input" placeholder="Type city and press enter" required autofocus>
     </form>
     <div id="weather">
         <img id="map"