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); +}