diff --git a/internal_packages/feedback/stylesheets/main.less b/internal_packages/feedback/stylesheets/main.less index 6fbf29ad1..0743585e0 100644 --- a/internal_packages/feedback/stylesheets/main.less +++ b/internal_packages/feedback/stylesheets/main.less @@ -3,16 +3,16 @@ .btn-feedback { position: fixed; - bottom: 10px; - right: 10px; + bottom: 8px; + right: 8px; background: linear-gradient(to bottom, @blue 0%,darken(@blue, 10%) 100%); - width:50px; - height:50px; + width:42px; + height:42px; border-radius:25px; display: inline-block; - font-size: 30px; + font-size: 28px; text-align: center; - line-height:50px; + line-height:42px; color:rgba(255,255,255,0.9); border: 1px solid darken(@blue, 20%); box-shadow: 0 2px 4px rgba(0,0,0,0.2); @@ -27,13 +27,13 @@ } @keyframes bounce { - 46% {right: 10px; animation-timing-function: ease-in;} + 46% {right: 8px; animation-timing-function: ease-in;} 50% {right: 35px; animation-timing-function: ease-in;} - 55% {right: 10px; width: 50px; animation-timing-function: ease-out;} - 58% {right: 3px; width: 48px; animation-timing-function: ease-in;} - 61% {right: 10px; width: 50px; animation-timing-function: ease-out;} + 55% {right: 8px; animation-timing-function: ease-out;} + 58% {right: 3px; animation-timing-function: ease-in;} + 61% {right: 8px; animation-timing-function: ease-out;} 63% {right: 14px; animation-timing-function: ease-in;} - 65% {right: 10px; animation-timing-function: ease-out;} + 65% {right: 8px; animation-timing-function: ease-out;} } .btn-feedback.newmsg{