From: Benjamin Auder <benjamin.auder@somewhere>
Date: Wed, 29 Apr 2020 22:07:58 +0000 (+0200)
Subject: Better footer
X-Git-Url: https://git.auder.net/variants/img/pieces/scripts/doc/css/index.css?a=commitdiff_plain;h=e20b2a442f49e4109b5658c482133b871e48a41b;p=vchess.git

Better footer
---

diff --git a/client/src/App.vue b/client/src/App.vue
index 8badb733..6a08a80f 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -254,16 +254,16 @@ footer
     & > p
       display: inline-block
       margin: 0 12px
-    @media screen and (max-width: 420px)
+    @media screen and (max-width: 500px)
       display: block
       width: 100%
-      margin-bottom: 10px
+      margin-bottom: 7px
       text-align: center
   .right-part
     display: inline-flex
     justify-content: flex-start
     width: 50%
-    @media screen and (max-width: 420px)
+    @media screen and (max-width: 500px)
       display: block
       width: 100%
       text-align: center
@@ -294,18 +294,18 @@ footer > .right-part > a.menuitem > img
   display: inline-block
   margin: 0
   &.first
-    @media screen and (min-width: 421px)
+    @media screen and (min-width: 501px)
       margin-left: 5px
 
 @media screen and (max-width: 767px)
   footer
     border: none
 
-@media screen and (max-width: 420px)
+@media screen and (max-width: 500px)
   .container
-    min-height: calc(100vh - 70px)
+    min-height: calc(100vh - 67px)
   footer
-    height: 70px
+    height: 67px
     display: block
     padding: 5px 0
 </style>