report form adaptive start
This commit is contained in:
parent
50504109cb
commit
6fc708255c
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -244,6 +244,7 @@
|
|||||||
|
|
||||||
&__report {
|
&__report {
|
||||||
margin-top: 55px;
|
margin-top: 55px;
|
||||||
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__logo {
|
&__logo {
|
||||||
|
Loading…
Reference in New Issue
Block a user