report form adaptive start

This commit is contained in:
Victor Batischev 2023-12-05 15:46:25 +03:00
parent 50504109cb
commit 6fc708255c
3 changed files with 10 additions and 9 deletions

View File

@ -258,7 +258,7 @@ const ReportForm = () => {
<p className="addMore" onClick={addInput}> <p className="addMore" onClick={addInput}>
+ +
</p> </p>
<span>Добавить ещё</span> <span>Добавить задачу</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -54,7 +54,6 @@
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
letter-spacing: normal; letter-spacing: normal;
line-height: 48.74px;
text-align: left; text-align: left;
@media (max-width: 555px) { @media (max-width: 555px) {
@ -75,7 +74,7 @@
@media (max-width: 555px) { @media (max-width: 555px) {
margin-top: 25px; margin-top: 25px;
margin-bottom: 15px; margin-bottom: 10px;
} }
} }
} }
@ -115,12 +114,11 @@
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
letter-spacing: normal; letter-spacing: normal;
line-height: 48.74px;
width: 12px; width: 12px;
} }
&-list { &-list {
margin-top: 40px; margin-top: 30px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -146,7 +144,7 @@
&-header { &-header {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-top: 40px; margin-top: 20px;
margin-left: 50px; margin-left: 50px;
p { p {
@ -156,7 +154,7 @@
letter-spacing: normal; letter-spacing: normal;
line-height: normal; line-height: normal;
text-align: left; text-align: left;
margin-bottom: 26px; margin-bottom: 10px;
white-space: nowrap; white-space: nowrap;
@media (max-width: 450px) { @media (max-width: 450px) {
@ -276,6 +274,7 @@
margin-left: 28px; margin-left: 28px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
.addMore { .addMore {
display: flex; display: flex;
@ -285,9 +284,9 @@
width: 38px; width: 38px;
height: 38px; height: 38px;
background: #e8e8e8; background: #e8e8e8;
margin-bottom: 0;
border-radius: 50px; border-radius: 50px;
font-size: 32px; font-size: 32px;
cursor: pointer;
} }
span { span {
@ -297,7 +296,8 @@
letter-spacing: normal; letter-spacing: normal;
line-height: normal; line-height: normal;
text-align: left; text-align: left;
margin-left: 20px; margin-left: 10px;
cursor: pointer;
} }
} }

View File

@ -244,6 +244,7 @@
&__report { &__report {
margin-top: 55px; margin-top: 55px;
margin-bottom: 10px;
} }
&__logo { &__logo {