diff --git a/src/Applications/UI/Authentication.elm b/src/Applications/UI/Authentication.elm index d29a9680..2847e3c5 100644 --- a/src/Applications/UI/Authentication.elm +++ b/src/Applications/UI/Authentication.elm @@ -136,7 +136,6 @@ view model = chunk [ T.flex , T.flex_column - , T.items_center ] [ UI.Kit.textArea [ attribute "autocomplete" "off" diff --git a/src/Applications/UI/Kit.elm b/src/Applications/UI/Kit.elm index 7b9366bc..f1d02563 100644 --- a/src/Applications/UI/Kit.elm +++ b/src/Applications/UI/Kit.elm @@ -87,7 +87,8 @@ focus styles = buttonFocus : Css.Style buttonFocus = focusWhileNotActive - [ Css.borderColor (Color.toElmCssColor colors.focus) + [ Css.backgroundColor (Css.rgb 255 255 255) + , Css.borderColor (Color.toElmCssColor colors.focus) , Css.color (Color.toElmCssColor colors.focus) , iconFocusStyle ] @@ -115,6 +116,13 @@ textFocus = ] +textAreaFocus : Css.Style +textAreaFocus = + focus + [ Css.color (Color.toElmCssColor colors.focus) + ] + + -- FONTS @@ -488,10 +496,11 @@ selectStyles = textAreaStyles : List Css.Style textAreaStyles = [ Css.color (Color.toElmCssColor colors.text) - , Css.height (px 90) - , Css.maxWidth (pct 87.5) + , Css.height (px 109) + , Css.maxWidth (Css.vw 87.5) , Css.resize Css.none - , Css.width (px 320) + , Css.width (px 292) + , textAreaFocus ]