Browse Source

fix(submit-channel-layout): refactor form layout

renovate/lint-staged-8.x
odb366 7 years ago
parent
commit
fca58025a2
  1. 16
      app/components/Contacts/SubmitChannelForm.scss

16
app/components/Contacts/SubmitChannelForm.scss

@ -4,9 +4,11 @@
padding: 0 40px; padding: 0 40px;
font-family: Roboto; font-family: Roboto;
color: $white; color: $white;
margin: 0 auto;
width: 500px;
.header { .header {
padding: 20px 100px; padding: 20px;
h1 { h1 {
margin-bottom: 15px; margin-bottom: 15px;
@ -35,13 +37,14 @@
} }
.title { .title {
margin: 50px 0; margin: 20px 0;
line-height: 32px;
h2 { h2 {
font-size: 14px; font-size: 14px;
background: $spaceblue; background: $spaceblue;
padding: 10px; padding: 5px;
border-radius: 17.5px; border-radius: 0px;
display: inline; display: inline;
} }
} }
@ -60,7 +63,9 @@
.input input { .input input {
background: transparent; background: transparent;
outline: none; outline: none;
border: 0; border:1px solid #404040;
border-radius: 4px;
padding: 15px;
color: $gold; color: $gold;
-webkit-text-fill-color: $white; -webkit-text-fill-color: $white;
width: 100%; width: 100%;
@ -77,6 +82,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding-left: 10px;
.currentCurrency { .currentCurrency {
cursor: pointer; cursor: pointer;

Loading…
Cancel
Save