From 3f29bfd7b53f79ff30ee9a2014bd3e4d9d6077af Mon Sep 17 00:00:00 2001
From: brazilets <brazilets161@gmail.com>
Date: Sat, 1 Apr 2023 19:06:10 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D0=BD=D0=BE=D1=81=D0=B8=D1=82=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=B2=20=D0=BF=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B5=D0=BA=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        |  4 ++--
 styles/styles.css | 34 ++++++++++++++++++++++++++--------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 751b3a2..1310177 100644
--- a/index.html
+++ b/index.html
@@ -202,13 +202,13 @@ <h2 class="subscribe-title">Подпишитесь на рассылку</h2>
           <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
           <form class="search-form" action="https://echo.htmlacademy.ru/" method="post">
             <p class="field-group">
-              <label class="form-label form-label-in" for="check-in-date">Дата заезда:</label>
+              <label class="form-label form-label-in" for="check-in-date">Дата Заезда:</label>
               <input class="form-field calendar-field" type="text" id="check-in-date" name="check-in-date"
                 value="27 апреля 2020" placeholder="Укажите дату" required>
               <span class="form-message form-message-error">Мы не можем отправить вас в прошлое.</span>
             </p>
             <p class="field-group">
-              <label class="form-label form-label-out" for="check-out-date">Дата выезда:</label>
+              <label class="form-label form-label-out" for="check-out-date">Дата Выезда:</label>
               <input class="form-field calendar-field" type="text" id="check-out-date" name="check-out-date"
                 value="1 сентября 2023" placeholder="Укажите дату" required>
               <span class="form-message">На эти даты есть свободные номера. Пока есть.</span>
diff --git a/styles/styles.css b/styles/styles.css
index 32e0c43..87fa2b4 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -1488,7 +1488,7 @@ body {
   flex-wrap: wrap;
   align-items: center;
   margin: 0;
-  margin-bottom: 4px;
+  margin-bottom: 6px;
 }
 
 .form-label {
@@ -1497,12 +1497,18 @@ body {
   line-height: 24px;
 }
 
+form-label-adults {
+  margin-right: 2px;
+}
+
 .form-label-in {
   margin-right: 24px;
+  cursor: pointer;
 }
 
 .form-label-out {
-  margin-right: 19px;
+  margin-right: 18px;
+  cursor: pointer;
 }
 
 .form-message {
@@ -1534,6 +1540,7 @@ body {
 
 .calendar-field:hover {
   background: #e6e6e6 url("../images/modal/modal-icon.svg") no-repeat center right 22px;
+  cursor: pointer;
 }
 
 .calendar-field:focus {
@@ -1570,22 +1577,27 @@ body {
 }
 
 .number-field-min {
+  display: flex;
+  align-items: center;
   background: #f2f2f2;
   width: 40px;
   height: 46px;
   margin-left: 42px;
   border-radius: 4px 0 0 4px;
-  outline: none;
   border: none;
+  outline: none;
+  padding-left: 13px;
+  cursor: pointer;
 }
 
 .number-field-min svg {
   outline: none;
+  width: 14px;
 }
 
-
 .number-field-min:focus svg {
-  outline: 2px solid #83B3D3;
+  outline: 2px solid #83b3d3;
+  width: 14px;
   padding: 8px 2px;
   border-radius: 4px;
 }
@@ -1603,10 +1615,11 @@ body {
   border: none;
   border-radius: 0 4px 4px 0;
   padding-top: 2px;
+  cursor: pointer;
 }
 
 .number-field-max:focus svg {
-  outline: 2px solid #83B3D3;
+  outline: 2px solid #83b3d3;
   border-radius: 4px;
   padding: 2px;
 }
@@ -1649,11 +1662,13 @@ input::-webkit-inner-spin-button {
 
 .modal-search-btn:hover {
   background: #68a2ca;
+  outline: none;
 }
 
-.modal-search-btnP:focus {
-  background: #756157;
+.modal-search-btn:focus {
+  background: #68a2ca;
   outline: none;
+  cursor: pointer;
 }
 
 .modal-search-btn:active {
@@ -1676,10 +1691,13 @@ input::-webkit-inner-spin-button {
   background: transparent;
   padding: 0;
   margin: 0;
+  margin-left: 2px;
+  margin-top: -2px;
   background-image: url("../images/modal/tooltip-icon.svg");
   width: 26px;
   height: 26px;
   outline: none;
+  cursor: pointer;
 }
 
 .tooltip-text {