diff --git a/scss/pages/identities.scss b/scss/pages/identities.scss index f73ee50b60..2510831f5f 100644 --- a/scss/pages/identities.scss +++ b/scss/pages/identities.scss @@ -15,16 +15,26 @@ margin-right: 0; } + &.verified { + background-image: radial-gradient( circle at 36px 60px + , lighten($green, 55%) 0% + , lighten($green, 30%) 100% + ); + } + &.add { - background: #f6f6f6; - color: #aaa; + background: $lightest-gray; + color: $medium-gray; border-style: dashed; @include box-shadow(0,0,0); - border: 2px dashed #ccc; + border: 2px dashed $darker-gray; &:hover { color: $black; - background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #ffffff 0%, #f6f6f6 70px); + background-image: radial-gradient( ellipse farthest-corner at 50% 50% + , $white 0% + , $lightest-gray 50% + ); } } @@ -38,12 +48,15 @@ white-space: nowrap; margin: 0; padding: 0; + overflow: hidden; + text-overflow: ellipsis; } .status { position: absolute; bottom: 20px; right: 20px; + font: normal 9px $Mono; } } } diff --git a/scss/variables.scss b/scss/variables.scss index 7475db78e8..17e846b23a 100644 --- a/scss/variables.scss +++ b/scss/variables.scss @@ -16,6 +16,7 @@ $medium-gray: #999; $gray: #555; $light-gray: #DDD; $lighter-gray: #EEE; +$lightest-gray: #F6F6F6; $red: #C00; $light-red: #F99; diff --git a/www/~/%username/identities/index.spt b/www/~/%username/identities/index.spt index 4af6dced40..e0bac3bba4 100644 --- a/www/~/%username/identities/index.spt +++ b/www/~/%username/identities/index.spt @@ -8,23 +8,22 @@ title = _("Identities") {% block content %}