From e5d2e953bd3f4eb53b798ea3aef1a8d23956ca99 Mon Sep 17 00:00:00 2001 From: Max Nussenbaum Date: Tue, 19 Jun 2018 14:22:05 -0700 Subject: [PATCH] settings: Clean up styling of the Mentor field. This restyles the Mentor custom profile field in Settings > Your account to better match the rest of the profile fields. --- static/styles/settings.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/static/styles/settings.scss b/static/styles/settings.scss index a4a338312c..52a11e22a2 100644 --- a/static/styles/settings.scss +++ b/static/styles/settings.scss @@ -1721,3 +1721,18 @@ thead .actions { .profile-field-choices .choice-row input { width: 50px; } + +#settings_page .pill-container { + background: #fff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border linear 0.2s, box-shadow linear 0.2s; + min-width: 206px; + padding: 2px 6px; +} + +#settings_page .pill-container:active, +#settings_page .pill-container:focus { + border-color: rgba(82, 168, 236, 0.8); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); +}