Improve style

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index 2da7ad0..44db7dd 100644 (file)
--- 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 9a80e69..93e460f 100644 (file)
--- 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)