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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

delta 693
zcmV;m0!sa%5bXvbiBL{Q4GJ0x0000DNk~Le0000$0000$2m}BC003aQRgocTe+LT&
z7+qDA%m4raJ4r-ARA}DqnLkKXQ5?s=R}8w8*h`5-cPB}Q2A8G+C#M<$*KlwXmxfkt
z($&PJA!@3gL;gb$HLM_90?}DgGr~fG$oe|?-tE4;@4ese{JV?4>2U7(ozLf-d(Mvw
z7dVfcBQi~7FZys@IQS5&coY3~e`d{?&#8@dN_7SJ1vQ=|-?1T2JW2MSoloh+7)9JM
zw!dX5V2KB=Br`qXJnt#98FSHi^G{<snd>!4a*9!-V)Zk)ZL#{Sc!0OUSKtK?07D`H
z#wd#Mf3S@oVu3D!fa>Ty!?mar1q|SO&2i-ld{KZ`-23H!rH1!w9>QX|f2*M$9y5xI
zH<_yUFYry0Qd2;E^ggHdnAo)xFgW=)Q`ybvv=T77cn{f8%8oDrQH`lG$nf5`V1uLh
zfHn+Dvoi%O%1$fBbqN`-z+2Um353O;5eSX{Par(LLLd)(N+2J6B9IrpBoGY$B~u{a
z>gO^9*oc>b@UNnkq+Li_e;l^_(v`*vFDJ~a{8{b>KZV8ve46zC27d*|Po$n~fx9{4
z$w%N+j`;VC!FKKi!#}Qgw!xOu?i)PtgkNJ*UA#vHDc+NU2Jb;Zi+8MGf_JE3ig%=7
zgLj}{i?>v8fiEe1%@Gd(>{ctd#2YBM#w!(k;1vqK@InQjc!7d%Q+yqT5cnDjq3~4{
zLgE2{J={+rmIU8=&J{X1%{?A-lOwzk9A8yytOEa$1^YR50=?Wx@Uwcn@sG=t!X?~A
zH;%9rEeBrxdANuZlGphe{-O~Hla2=*6)-ncF)=zYHaapiD=;uRFfcR%c;}P92OJeJ
bH&ih(IxsdmGBhhNFgh?WMPI;Mlkf*IYxXlZ

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)59eQNH>5m2MdtQG+*g3Q8BBYk6VxX=ROl71_q{F
zPZ!6Kid%2z*k+3aO1RD6of0V6+Zw^S$dzeP?^L%y#f^e4zdJYtFL#7ZOUg~nd6VNJ
zFfrnZyN6V_NZk>q)gp^nSXvFV_xxi@pIK`>r|0*avZDF6-{0hIcQHC9k=$dLrla|G
zze~);Ma!;cSL7@(wbff)?=dxZ@4v+obL}@e{7zqAZ&~=aqeE-iEz_J|2XjuXee!c(
zUYWJSzrVBJl{Nh1i*R6mQz6qJwxEz9s^J)82BQ@F0@e)T1=8Ly`*;MMd9{nr+|K&K
zs(I7o>%WLzIui6qUFZIzkhkBeKB*fCYQMd=Pu#pjzwqCLdq?J#iAM7+*nP59d6!qb
zlK2Ccs>dp|oiPouFMIzmNhO@Y>5y3)`3)SopLB9tEoSEB5B;@h>ZY4N843f|mlhs5
zY@fVPr~H?;fa~dc<@oqnS58~peaSHE>dz}b_sNx5AGrDD(9S&e8`I-%+<(h(yMg%v
zlL?;#_XP_EU5CdETNrvN6u2Bb_1+4%nrZR!Pp;Qj|C%6I8UOiBaMj=BvzyPq{91bS
z?UVY78y$Q9-|OG`<X4!?>d5&$?@#`<?h-mL#5~(Dc)o?4+O^d)<Tur6)~SArcU|uh
z6mxk`pV_}3IWO1Fo6?(DFIF6NrSNUuj(^ebw}f14Tj&3BUz*hV_I<Bf=S|P3$p)qb
zU~>4!|BvY*7u&(-v0JkeC;wxS5j8XkF*LL?F|#r>)HX1%GBEhY6f<G6J}VZP_V_0{
IlM`4C0rP4)S^xk5

delta 1249
zcmV<71RndJ2ayXQiBL{Q4GJ0x0000DNk~Le0000$0000$2m}BC003aQRgocTe+LT(
z1I{aKVE_OGUr9tkRA}DqSZiz)RTTbiA5dU7F<n|r4N8Q96u}Ur38Aq>(HNhN3E_<)
zMyN_uK%+!sjK7Q#s?i@lAtb1vRRRJD$RiLSgh+`LFkKo!DWza2lr7du+s_|uw{vFh
z%-q=-+drQDv)|cs&i9>r=ia${e-%O)$DtheU>xp10z;97R$RmHNa7^+qgF9YZ9nSC
ztYQPb>@q)P8CCSuiWNLcQ#-|l%!!hII*%KZ_ga#VL_;3u7wig5-)-NsAS`_ePi9Eo
zZB3jRhW=6B@GPHV6C2s$8FQ0QXG%Yx|7c6LaSLB$DQ`(f#yEvbxrx`cfAL*>B@_Az
zc4&&7VPzk&BWD;F@fWR#=YrBtXPcwQpL~YdzL|=%c;1oQ!HOXC1)A+<D~B8B$GFas
ze~qKf1#EZB;+sKtH!k5#Ta}-g+xx3$G0wp^(t%3#nIozg<rY|@Y8(+y;#&+7u2<Fj
z{>tOLU{k(Q8@E`*yseFyf5%SSvc0YQmn;tjFQ7=^b!v66!S6HmHQp7D7+&}5e+VxL
z&2=2+5@|330CRZQwujv6Jpyx4D91zH$h3a|P#vg5hsBYHrQQM-3A97)HYZ~VYb>Al
zdL*2{dJ(q3V?A-C?Y&p#LFbqPP8FW&bmSP@o?7ZY0yD(|J*^Ige;NMtG}L3Sa6IHL
zV1__nMM1BrbU)yBTq+f4SKn9OE*57}H3t%~3$%>wR4T0i=HN~XY{hX4dI>8mXcnpw
zz|=+7qc{y?DAG^CD6w(Ysm?%MdfRD%#_9#+3v@O@df+#K5_$n~fm$LJa9uL#1>_0T
z9;tvf$)p$Xw?IQ9e-#iDs8uf@B~T(#0kT?3FQ7r7Vnk`OT9aPDMKM#O8QCOIVWM!<
zX$2_agaziJ3{hDLMp*k-SKZzPM+JH;G6AyEA@`TjPXf*9JH>{y1p@7L7qCY>1qGNJ
z1v?+W-BySlt^(9w_(3>UMRLvXmOuy9Ij<wxmjc~|Wug0@e~tTuV?E%09)Q}%W0+!b
zyu)p(9zc_LpS1wEDm<3~v<c670AL}i1VN+kF^3hlza_^wB;)S0xzko{xk=hSThfo2
zJ_-EDR;iwOCTWw{ZcE(AK?aGkN)|tK{6l`&G<lUHbq@;-le;U#S?#E?);xU~op!-k
zKRAs^M}DpGf4haxyI#wE$ML?|qqtU+e~Dwl)01Q;H}eVo7R_uv$PL<ytrYK-vC5qu
zAH)AHB!vSwf+QM{LKosF!dR4|+;*((wPrl74oA^_W_H$p+Is1q{SWB3GT)Tmz59(k
zml63DE-}8^@}OT0FpsbKT*%t3ou34_sP?Asi7DV4e>`K@`3D?nOm0Ts6R9|ZpYvDO
z_(pEvQylEisjT#_3vZ2DsZVDD(=Y+Ukw5~uXhk#rKoYg8E<oQsrQDzVHGzu-xBux~
z=&Qn4_otsUpxpxiUmmdTJtXuey+%TR)7vBr1ieMVK+yvLm-pL~pSFJiM15VdkuKkz
z0000blMn+K6)-ncF)=zYH##sgD=;uRFfd#~Dk_sb0~{4FH&ih(IxsgnFf%JKFgh?W
LEgzDWlWqeslISuC

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