diff --git a/index.html b/index.html
index cc2b5f8..456ca8a 100644
--- a/index.html
+++ b/index.html
@@ -116,6 +116,7 @@
+
+
diff --git a/style.css b/style.css
index bcfbabf..0596a33 100644
--- a/style.css
+++ b/style.css
@@ -35,6 +35,10 @@ html, body, * {
.header_top_list {
display: flex;
width: 100%;
+ margin: 20px 0;
+}
+.header_nav_item-empty {
+ display: block;
}
.logo_link {
margin: 0;
@@ -125,9 +129,6 @@ html, body, * {
.header_call_text {
color: #fff;
}
-.header_top_list {
- margin: 20px 0;
-}
.header_nav {
margin: 0;
display: flex;
@@ -143,8 +144,7 @@ html, body, * {
justify-content: space-between;
align-items: center;
white-space: nowrap;
- padding: 10px;
- width: 500px;
+ padding: 10px 0;
}
.header_nav_item-reverse {
display: none;
@@ -227,9 +227,6 @@ html, body, * {
.header_top_list_active {
display: none;
}
-.header_top_list {
- display: block;
-}
/* --------------------------------------------------------------------------------------------- */
.header_row_info {
display: flex;
@@ -1133,10 +1130,6 @@ html, body, * {
.wrapper {
max-width: 1200px;
}
-.header_nav_item-empty {
- display: none;
-}
-
.header_nav_item-reverse {
display: block;
}
@@ -1248,7 +1241,9 @@ html, body, * {
}
.header_nav_item-show {
margin: 0;
- padding: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.dropdown-list_wrapper {
display: flex;
@@ -1292,6 +1287,12 @@ html, body, * {
.accordion-item.active .blue-square {
margin: 15px;
}
+.header_nav_item-empty {
+ display: none;
+}
+.header_nav_item-show {
+ display: block;
+}
}
@@ -1629,17 +1630,6 @@ body.lock {
padding: 15px;
border-radius: 33px;
}
-.top_list_btn {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 5px;
- background-color: #F4F4F4;
- padding: 13px 0px;
- width: 100%;
- border-radius: 33px;
- font-weight: 500;
-}
.top_list_btn svg {
margin: 0;
}
@@ -1668,8 +1658,8 @@ body.lock {
.header_nav_burger.open {
margin: 0;
- width: 500px;
- max-height: 500px; /* подстрой под контент */
+ max-height: 500px;
+ padding: 10px 0; /* подстрой под контент */
}
.header_nav {
display: none;
@@ -1680,18 +1670,37 @@ body.lock {
align-items: center;
}
.top_list_btn_burger {
- margin: 0;
width: 100%;
- margin-bottom: 20px;
+}
+
+.top_list_btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 5px;
+ width: 100%;
+ height: 100%;
+ padding: 15px 0;
+ background: #F4F4F4;
+ border: none;
+ border-radius: 33px;
+ font-weight: 500;
+ cursor: pointer;
+}
+
+.top_list_btn svg {
+ pointer-events: none; /* чтобы клик шел по кнопке, а не по svg */
}
.header_nav_item {
display: flex;
border-radius: 33px;
- padding: 13px 0px;
- background-color: #F4F4F4;
- margin-bottom: 20px;
+}
+.dropdown-list {
+ display: none;
}
.header_top_list_active {
+ width: 100%;
+ margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
@@ -1707,5 +1716,19 @@ body.lock {
.footer_chart_content {
width: 71%;
}
+.header_nav_item {
+ margin: 0;
+ padding: 10px 0;
+}
+.header_nav_link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 13px 0px;
+ width: 500px;
+ background-color: #F4F4F4;
+ border-radius: 33px;
+
+}
}
\ No newline at end of file