diff --git a/res/ui/icons/shop.png b/res/ui/icons/shop.png index 6e5d9c82..8d065ae1 100644 Binary files a/res/ui/icons/shop.png and b/res/ui/icons/shop.png differ diff --git a/res/ui/icons/statistics.png b/res/ui/icons/statistics.png index f9c548ea..c6b8e68a 100644 Binary files a/res/ui/icons/statistics.png and b/res/ui/icons/statistics.png differ diff --git a/src/css/ingame_hud/game_menu.scss b/src/css/ingame_hud/game_menu.scss index 2f7f139d..aa926eba 100644 --- a/src/css/ingame_hud/game_menu.scss +++ b/src/css/ingame_hud/game_menu.scss @@ -49,34 +49,30 @@ border-color: rgba(0, 0, 0, 0.1); @include S(padding, 5px, 5px, 5px); - border: #{D(2px)} solid rgba(0, 10, 20, 0.2); - @include S(border-width, 2px); border-radius: 0 0 #{D(4px)} #{D(4px)}; - @include S(border-top-width, 10px); @include S(padding-left, 30px); - @include S(margin-top, -5px); @include S(margin-right, 3px); @include IncreasedClickArea(10px); @include ButtonText; - @include S(min-height, 47px); + @include S(min-height, 30px); transition: all 0.12s ease-in-out; transition-property: opacity, transform; display: inline-flex; - background: center #{D(10px)} / #{D(20px)} no-repeat; + background: center #{D(13px)} / #{D(20px)} no-repeat; background-color: $colorGreenBright; &[data-button-id="shop"] { - background-color: rgb(141, 70, 223); + background-color: rgb(93, 103, 250); background-image: uiResource("icons/shop.png"); + background-size: #{D(18px)}; } &[data-button-id="stats"] { - background-color: rgb(53, 235, 113); + background-color: rgb(85, 199, 138); background-image: uiResource("icons/statistics.png"); } &:hover { opacity: 0.9; - transform: translateY(3px); } .keybinding { @@ -86,7 +82,7 @@ border-top-right-radius: 0; bottom: unset; background: transparent; - @include S(top, -5px); + @include S(top, 0px); right: unset; left: 50%; transform: translateX(-50%); @@ -97,9 +93,10 @@ } &.hasBadge { + transform-origin: 50% 0%; @include InlineAnimation(1s ease-in-out infinite) { 50% { - transform: scale(1.04); + transform: scale(1.02); } }