From: Benjamin Auder Date: Mon, 10 Dec 2018 09:24:34 +0000 (+0100) Subject: Improve style X-Git-Url: https://git.auder.net/doc/html/bundles/framework/pieces/mini-custom.min.css?a=commitdiff_plain;h=0bf75837235d98b618f985c221a5b4f4bbc624a0;p=vchess.git Improve style --- diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js index 2da7ad05..44db7dd8 100644 --- a/public/javascripts/components/game.js +++ b/public/javascripts/components/game.js @@ -22,7 +22,7 @@ Vue.component('my-game', { }, render(h) { const [sizeX,sizeY] = VariantRules.size; - const smallScreen = (screen.width <= 500); + const smallScreen = (screen.width <= 420); // Precompute hints squares to facilitate rendering let hintSquares = doubleArray(sizeX, sizeY, false); this.possibleMoves.forEach(m => { hintSquares[m.end.x][m.end.y] = true; }); @@ -127,6 +127,7 @@ Vue.component('my-game', { { on: { click: this.toggleExpertMode }, attrs: { "aria-label": 'Toggle expert mode' }, + style: { "padding-top": "0", "margin-top": "0" }, 'class': { "tooltip":true, "topindicator": true, diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass index 9a80e694..93e460ff 100644 --- a/public/stylesheets/layout.sass +++ b/public/stylesheets/layout.sass @@ -3,7 +3,7 @@ html, * font-family: "Open Sans", Arial, sans-serif body - padding: 1% 0 + padding: 0 background-color: #f2f2f2 @media screen and (min-width: 800px)