Вносит правки в проект

brazilets · Apr 1, 2023 · 3f29bfd · 3f29bfd
1 parent c0ebe10
commit 3f29bfd
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 10 deletions.
diff --git 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
@@ -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 {