diff options
-rw-r--r-- | app/javascript/images/elephant-friend-1.png | bin | 0 -> 144967 bytes | |||
-rw-r--r-- | app/javascript/styles/basics.scss | 7 | ||||
-rw-r--r-- | app/javascript/styles/components.scss | 11 |
3 files changed, 10 insertions, 8 deletions
diff --git a/app/javascript/images/elephant-friend-1.png b/app/javascript/images/elephant-friend-1.png new file mode 100644 index 000000000..2b2383330 --- /dev/null +++ b/app/javascript/images/elephant-friend-1.png Binary files differdiff --git a/app/javascript/styles/basics.scss b/app/javascript/styles/basics.scss index e0dd9bdc5..70a5be367 100644 --- a/app/javascript/styles/basics.scss +++ b/app/javascript/styles/basics.scss @@ -47,10 +47,11 @@ body { button { font-family: inherit; -} + cursor: pointer; -button:focus { - outline: none; + &:focus { + outline: none; + } } .app-holder { diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index e821a2a05..a566e4a3c 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -561,7 +561,7 @@ } opacity: 1; - animation: fade 0.3s linear; + animation: fade 150ms linear; &.status-direct { background: lighten($ui-base-color, 8%); @@ -3013,13 +3013,14 @@ button.icon-button.active i.fa-retweet { .onboarding-modal__page-one { display: flex; + align-items: center; } .onboarding-modal__page-one__elephant-friend { - background: url('../images/elephant-friend.png') no-repeat center center / contain; - width: 147px; - height: 160px; - margin-right: 10px; + background: url('../images/elephant-friend-1.png') no-repeat center center / contain; + width: 155px; + height: 193px; + margin-right: 15px; } @media screen and (max-width: 400px) { |