diff --git a/client/src/modules/ui/components/bd/templates/PluginsView.html b/client/src/modules/ui/components/bd/templates/PluginsView.html index e2c6a522..7a7dde00 100644 --- a/client/src/modules/ui/components/bd/templates/PluginsView.html +++ b/client/src/modules/ui/components/bd/templates/PluginsView.html @@ -42,7 +42,7 @@

{{setting.text}}

- +
{{setting.hint}}
diff --git a/client/src/styles/partials/generic/forms.scss b/client/src/styles/partials/generic/forms.scss index b17f244a..559981e2 100644 --- a/client/src/styles/partials/generic/forms.scss +++ b/client/src/styles/partials/generic/forms.scss @@ -52,29 +52,45 @@ user-select: none; } -.bd-form-textinput .bd-title { - display: flex; -} +.bd-form-textinput { -.bd-form-textinput .bd-title input { - flex-grow: 1; -} + .bd-title { + display: flex; -.bd-form-textinput .bd-title h3 { - font-weight: 500; - color: #f6f6f7; - flex: 1; - line-height: 24px; - margin-bottom: 0; - margin-top: 0; -} + h3 { + font-weight: 500; + color: #f6f6f7; + flex: 1; + line-height: 24px; + margin-bottom: 0; + margin-top: 0; + } -.bd-form-textinput .bd-hint { - flex: 1 1 auto; - color: #72767d; - font-size: 14px; - font-weight: 500; - margin-bottom: 15px; - line-height: 30px; - border-bottom: 0px solid rgba(114, 118, 126, 0.1); + input[type="text"] { + flex-grow: 1; + background: transparent; + border: none; + color: #b9bbbe; + border-bottom: 2px solid rgba(114, 118, 126, 0.3); + outline: none; + line-height: 24px; + font-size: 100%; + font-weight: 500; + + &:focus { + color: #FFF; + border-color: $colbdblue; + } + } + } + + .bd-hint { + flex: 1 1 auto; + color: #72767d; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; + line-height: 30px; + border-bottom: 0px solid rgba(114, 118, 126, 0.1); + } } \ No newline at end of file