From e960773a159dee513d66355b0e4617a0b700eba0 Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@gmail.com>
Date: Thu, 14 May 2020 13:49:20 +0200
Subject: [PATCH] Minor css improvements

---
 res/ui/icons/shop.png             | Bin 877 -> 2081 bytes
 res/ui/icons/statistics.png       | Bin 1425 -> 927 bytes
 src/css/ingame_hud/game_menu.scss |  19 ++++++++-----------
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/res/ui/icons/shop.png b/res/ui/icons/shop.png
index 6e5d9c82b4febe1cdb93c2a978517593589bcf34..8d065ae1c4f378b1b5617f61d14fca098efd2499 100644
GIT binary patch
delta 1907
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
OB9nG`R@!76W<vlCP?doI

delta 693
zcmZ1|@Rm)nGr-TCmrII^fq{Y7)59f*fq}sRggICk7#J85c7{$=%&KSSW|N2wopOeO
zfyvs_#W5t~-rJe>9-)CU$M=Wx?3!}JyVIpy-Lsu-`Z6Z<<x))73krm%w}s_ix_V@(
zV%Dm8&i|YROxGyHFkOrcGCt(gbmEuQk9%+T?RmfV{`)_>yZ65=c=vPe`R8-0&-HVQ
zTlCLSHu6o;|5Xrc@k3yBh4A0f`n0n%&adn(^(tlk!D>2B<^D!Re;dzl^XK}%JR;$G
z$8g*JRLz7=_H`=8whwLIYi^b-zF6_uKiO*LYg5mnuE51fUyXO<Zv3^TqG9`?@CU5?
z49-f7$27V=)^F&QPioX_Y<Ts;_VCsf!mK<Gs?Qca<*Es62*30DY5mf+@7Z#Pl6Kaw
zUMMGL+|_M9bJchK55ALvf*oqV*e(Ay<HlAI1B;*L!8gyo*dk=GtAhV#;Hf?X#=zc{
zMkhYp+n&(8_(y{okJn~nR-IFR+Q&*cCD$K_zB-w+<>-7tj^6+N3O4(k6!>er6y$4^
zCW!A-5#af+8m#c()pH}38y(XdKdfIgbxEv8RK3i$KbNK+<I-0@v-(fuJ2v~)W6U+P
zzWisaXFcw}WL{3=Zp%j}-5-SX{rKK<u<RY{Vf%Fz+YU~<{7%~DLrZ*eaO@s;R?T~p
zo7mnvI(C<@NoXoxk<eAXB%!%{K|=TTkb*{i&6=}<{0wixw09hl*4S}OTeRkZDA&FZ
zPOS4Q8k_QiYh+smen@dG{17VQ^oX&+_Kv^eG?x2S=R~b6&f3ZqPgdR|AQK;&y@u)k
zMAqMyrA&M8cz)PiwdZ61=_!X)@3@-xZ4l9AkNaD>qeFPo^`Dae7721r?qin`H82k`
jG_*1>vobQ#HZZU<Ffd`Ncs_YQHW}CW1JRQ|up0sZYxXlZ

diff --git a/res/ui/icons/statistics.png b/res/ui/icons/statistics.png
index f9c548ea2d8ac661422c57b7a17a9ff02a12fa92..c6b8e68a1d758e01e36f9080b3050799cb4e1cb2 100644
GIT binary patch
delta 744
zcmbQpJ)d2%Gr-TCmrII^fq{Y7)59f*fq|g`ggICk7#K3mS2|2o%&O<(*5m%U&%}s<
zfhpJ1#WAGf*4sI@*&=}wZu57i1Pb=HMsO~2Wm?ob)h$qQqoB+04i3S~9bwawa#M5O
z<hTe-jCkViA=NEXcf@J6$RZY&Rs-!l|CrKe)*8?0`8}tsXuj?DH+kD#jE+ep_ZX(>
zXujR=5_56Uva8t@ISWi}^;Xw=OwHZ<Z?VK&`;892)7RHq7XIz%&{}rOH0RgBoKtI`
z{M?sUX6^9r@9cMF4gdHe9GKr!$TWy8C}fCgIL4U4D8;^jHG_D8v^UH?9zkbb?cy`H
zv%auu-Zc68FQS)@1U*vMx&J8S?YF8=>PCXvZ}06BH!smI{5Rp=k$GjJ(R>SbpKMj$
z<rS|a{=lW`u}W=cOhfF;-akxI31@IRWY$K014r&Bo!nN7nR)p`e=VB2>E=&{!hrRq
zg+~tCCoj|~|D`S9db(aYK7Q7f(-wDMGR(UA^UBYCawXOWZhkqmGmrho^tc=M-!j~8
zV7|a)!soz!!Gb~8;W5J&hF%H<E(cG&x5BMvTD<&|>-E*YCdgIBe|{5O^*8zK=JPMV
zmL7fkq`u-t$KL<<`gcD06(+Mfa(>VIlYgzdgw6{w&o&I6Zy~34ZS@TKO?8@es^8*W
z*LwuTT;9`X_U}i|%eC{S^d{De6-Qkue4Dr9U-bJeA=ld0`M=zkCbhnO->cSn(=%$a
zlY0!0NhJT{|Ht%@i|yd^*sWQKlmD^Eh#H!N7#docm{}PbY8x0>85n$HikUE3pB0Nt
Md;Alf$qB560P|`(S^xk5

delta 1249
zcmbQwK9O6oGr-TCmrII^fq{Y7)59f*fq}sRggICk7#J85c7{$=%&KSSW@kR9os-DG
zz!LB2;uw-~?`=eOj!3A;zdZSX1argKC?8(0mL`#d0!ug-ZgjaQF~67dVXvaw3a=1{
z#V*M``+EdeU6i*|R9Uegl!=M+gtCA_i$|x3L9CRc=F$X>DZ1CZZl9OW-Cmsb?#!K=
zlDF;W{oQ>3X7Rc2bE}`<+gV*N>LhV|q0ILLnRgCM&J$b1Vh+Fec%<@eahRb`uKlZ%
zYm%7vzA>^-l??rIrAyStE7<yI>zU3;byoe-lfOqz>UVLLdoKQl%jbUX{mlwGwVeKG
z9`|y6=Sa5w3%vJ1XMU2f^vy?-#gqNhz3k`z&+y(>$Q_@eneXX-%%atMXXo{;^&ewv
zRE2+Wm1T6zO-z;FsGKe#{!x5w$MdF3{^_$9pO|0Mc5~m%uFVzqCf+{SrSOGy*4s4g
zcIoHGcbuD8-@EuMYfkx@N3$Kv&GjDoMo*nT^Y-u6>4xVHnqO-4`Z`m2mBdrAh{ahl
zg8q-9d4$%5U;X{>)Z;w~!TW-ww?`b=v$l6;{c*qBoA$2#Jza;NReyoUgVL<h4F}&F
ze>J@)+9whB{dGNuKIhp|nP)<o222da6*soE-+5)rR2-;r-1+W_E%gimvMXHLk4|h~
zdXGtrbBps^GxcQ7Y@PYvt5oJ3s1n?EAlbHX$=ki*&m5o6VDb~4_p0QH#O--euk4tN
zk22Y=<!h^#{P)G=O7i*wn<sh+Z4U9Sj_X&J*gq(X(GtxFzaM^2Pb@vilwD{8_m-Zw
zAzEu0o;~p6&N*7hUB#)blOeWB@W2(<Yl|&-lQk~+AJo`bcx~l5huEsynT^L@u|DB0
zF>|VVVBRQH#aP%Fr6gJqYxI)!3Fj5Ll?`SmmxzDZ?%=FkFDf9sB2-^NH9#qdaZ{9+
z{sPAZNiLb2q9(^3a5W5GEO}EUAaPN_l}uKRM=h++7V!i|a=JzQ4iCS3kJX*EO2>$C
z(<R04(=YlnoqcJ2v~3G3)7w(<4emCqtTUupt>q8g4eO9y$8;tBhoeQ9Yth*c(;V2Z
zTCP{VIi2ZlYwE(^^Xq$mw<Oy>sFQ2Bbv$`SQsJJ%xvS(HCRfbg%CJMrW;){*&hwQF
z35u&&92dVgY!}_OU-h_!%HwyNcU}(5-RXJDF8WgcOgqj$C&E_Ft5nOJd?U~M&Iw1h
z&P`ro_9cIu>u#7-PE{`D=jNTfTl+}l+Z7wH+0;tTEjt)tZ_(@NUbpsR{qENDyW>vR
z9{;%S=HeY;lj}Q^4_%&|qHg|~^RL+19J>>|x4PGgyq~)9)Lc3F!~gYETA3}HRHP<2
zi9gaf6ftGdow7A=x2D;w<8!}Qn^tzM{#Mn?`G5IeY&W_;<=)=ky*ASYe~RiE?z{DA
zK|HTP|N5UXCvL5sJD+98if_x_cWOS6uD40P@snL9(<jgEzVJ$m=J}t)um5n%dk`%1
z=KRVvU)FKw_eQPsPiMMpz<79~1Jlk7SL1&ULR(kqIo!8hdT0J0)5dPr?f+lKzF2)I
z{QL6xCJXK|GsMencxS8fMSZWEQ~l-JDm*NET@N{2WM-KD{r2Sf+v*uzYGXG|)Vn{I
xfq_AFvH-J$sDXKip`n$5xs`#jwt<0_fkBLumeyojW*JNwUHM7VCg(950sxZeG6?_x

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