diff --git a/src/app/form/form-view/form-view.component.scss b/src/app/form/form-view/form-view.component.scss index 201db3b1a41083991d57dc2dabb5adbe91bce5e0..a77c40a2b78f5a8700f894b88ed839007ef51d4a 100644 --- a/src/app/form/form-view/form-view.component.scss +++ b/src/app/form/form-view/form-view.component.scss @@ -88,15 +88,3 @@ } } } - -::ng-deep.textareaBlock { - @media #{$tablet} { - max-width: 90%; - } - p { - text-align: right; - @include lato-regular-14; - color: $grey-3; - font-style: italic; - } -} diff --git a/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss b/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss index d472f3ba7d6053c9490814c0ede41f2eea037ba2..82798e003e0aadec8c518d03aeda3084218ec7a2 100644 --- a/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss +++ b/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss @@ -77,11 +77,11 @@ .details { margin-top: 40px; label { - @include lato-regular-16; padding-bottom: 8px; } textarea { width: 100%; + max-width: 600px; margin-top: 8px; } } diff --git a/src/styles.scss b/src/styles.scss index f5244a54f819f456e647077d056558a01bb28e71..b4c35aa39c4e9eb9215e570ee15d958fb9ef7316 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -190,18 +190,16 @@ input { } /** Textarea **/ -.textareaBlock { - textarea { - padding: 13px 8px; - background: $grey-8; - border: 1px solid $grey-5; - border-radius: $input-radius; - resize: none; - outline: none; - @include lato-regular-16; - &:focus { - border: 1px solid $grey-3; - } +textarea { + padding: 13px 8px; + background: $grey-8; + border: 1px solid $grey-5; + border-radius: $input-radius; + resize: none; + outline: none; + @include lato-regular-16; + &:focus { + border: 1px solid $grey-3; } }