tietokonepaja/runosaari.net
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding styling for <i> inside <form>. Refactoring.

Browse Source
This commit is contained in:
codevictory
2021-05-17 21:46:52 +03:00
parent 95a56f7a49
commit fb604b1896
1 changed files with 36 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
assets/css/pages/form.scss
View File

@@ -1,47 +1,51 @@
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
}
.checkbox-container { .checkbox-container {
display: flex; display: flex;
label { label {
text-align: left; text-align: left;
}
} }
}
.text-input { .text-input {
display: flex; display: flex;
align-items: center; align-items: center;
label { label {
width: 29%; width: 29%;
text-align: left; text-align: left;
}
input {
width: 71%;
}
@media screen and (max-width: 600px) {
label {
width: 47%;
}
}
} }
input { input {
width: 71%; margin-bottom: 10px;
} }
@media screen and (max-width: 600px) { .confirmed-input {
label { display: flex;
width: 47%; justify-content: center;
} padding-bottom: 50px;
}
.submit-button {
padding-top: 31px;
padding-bottom: 31px;
}
i {
margin-top: 30px;
} }
} }
input {
margin-bottom: 10px;
}
.confirmed-input {
display: flex;
justify-content: center;
padding-bottom: 50px;
}
.submit-button {
padding-top: 31px;
padding-bottom: 31px;
}