X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=f5b7eda2a0980d5602e6544c6e6f9d75215317b3;hb=05290bf9c98d159a3f45d4961b26ef5806834b89;hp=c7ec715af2d6e5e526ac184765477a1c7a5ecddb;hpb=130db3eff9afbf58b30287d06f3a2360fe652e97;p=vchess.git

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index c7ec715a..f5b7eda2 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -92,7 +92,7 @@ Vue.component('my-game', {
 			const settingsBtnElt = document.getElementById("settingsBtn");
 			const indicWidth = !!settingsBtnElt //-2 for border:
 				? parseFloat(window.getComputedStyle(settingsBtnElt).height.slice(0,-2)) - 2
-				: 37; //TODO: always 37?
+				: (smallScreen ? 31 : 37);
 			if (this.mode == "human")
 			{
 				let connectedIndic = h(
@@ -140,8 +140,8 @@ Vue.component('my-game', {
 						"tooltip": true,
 						"topindicator": true,
 						"indic-right": true,
-						"settings-btn": true,
-						"small": smallScreen,
+						"settings-btn": !smallScreen,
+						"settings-btn-small": smallScreen,
 					},
 				},
 				[h('i', { 'class': { "material-icons": true } }, "settings")]