diff --git a/app/components/Contacts/SubmitChannelForm.scss b/app/components/Contacts/SubmitChannelForm.scss index 6d579efa..f6b25d52 100644 --- a/app/components/Contacts/SubmitChannelForm.scss +++ b/app/components/Contacts/SubmitChannelForm.scss @@ -2,17 +2,21 @@ .content { padding: 0 40px; - font-family: Roboto; + font-family: Roboto, sans-serif; color: $white; margin: 0 auto; width: 500px; .header { - padding: 20px; + padding: 20px 0; + text-align: center; + border-bottom: 1px solid $spaceborder; h1 { - margin-bottom: 15px; - font-size: 20px; + margin: 10px 0 15px 0; + font-size: 22px; + font-weight: 100; + letter-spacing: 1.5px; } p { @@ -23,19 +27,6 @@ } } -.header { - text-align: center; - padding-bottom: 20px; - border-bottom: 1px solid $spaceborder; - - h1 { - font-size: 22px; - font-weight: 100; - margin-top: 10px; - letter-spacing: 1.5px; - } -} - .title { margin: 20px 0; line-height: 32px; @@ -43,8 +34,8 @@ h2 { font-size: 14px; background: $spaceblue; - padding: 5px; - border-radius: 0px; + padding: 10px; + border-radius: 17.5px; display: inline; } } @@ -55,24 +46,22 @@ align-items: center; input { - font-size: 20px; + font-size: 40px; max-width: 110px; + background: transparent; + outline: none; + border: 1px solid #404040; + border-radius: 4px; + padding: 15px; + color: $gold; + -webkit-text-fill-color: $white; + width: 100%; + font-weight: 200; } } -.input input { - background: transparent; - outline: none; - border:1px solid #404040; - border-radius: 4px; - padding: 15px; - color: $gold; - -webkit-text-fill-color: $white; - width: 100%; - font-weight: 200; -} - -.input input::-webkit-input-placeholder, ::-webkit-input-placeholder { +.input input::-webkit-input-placeholder, +::-webkit-input-placeholder { text-shadow: none; -webkit-text-fill-color: initial; } @@ -94,12 +83,11 @@ span { font-size: 14px; - + &:nth-child(1) { font-weight: bold; } } - } ul { @@ -145,7 +133,7 @@ &.active { background: $gold; - opacity: 1.0; + opacity: 1; &:hover { background: darken($gold, 5%);