X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=b17133d3949f0868a095b1f43419733f8084f878;hb=eb2d61de8d569470fa329a484efe9bab420b2b82;hp=8badb73307404e8fb4151867c1e63545f374ccab;hpb=6062e559c3196b3c4814cd00adb860a993df2cf8;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index 8badb733..b17133d3 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -39,13 +39,11 @@
             | {{ st.tr["Contact"] }}
         .right-part
           a.menuitem(href="https://discord.gg/a9ZFKBe")
+            span Discord
             img.first(src="/images/icons/discord.svg")
           a.menuitem(href="https://github.com/yagu0/vchess")
+            span {{ st.tr["Code"] }}
             img(src="/images/icons/github.svg")
-          a.menuitem(href="https://www.facebook.com/Variants-Chess-Club-112565840437886")
-            img(src="/images/icons/facebook.svg")
-          a.menuitem(href="https://twitter.com/VchessC")
-            img(src="/images/icons/twitter.svg")
 </template>
 
 <script>
@@ -140,7 +138,7 @@ input[type="checkbox"]:focus
   outline: 0
 
 input[type=checkbox]:checked:before
-  top: -5px;
+  top: -5px
   height: 18px
 
 table
@@ -155,6 +153,8 @@ table
   padding: 0 10px 0 0
   height: 100%
   & > span
+    padding-top: 0
+    padding-bottom: 0
     padding-right: 5px
     vertical-align: middle
   & > img
@@ -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
@@ -290,22 +290,24 @@ footer .menuitem
     color: #2c3e50
     text-decoration: none
 footer > .right-part > a.menuitem > img
-  height: 1.5em
   display: inline-block
-  margin: 0
-  &.first
-    @media screen and (min-width: 421px)
+  height: 1.3em
+  margin: 0 5px
+  //height: 1.5em
+  //margin: 0
+  //&.first
+    @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>