[cosmetics] Remove scrollbar on main menu

[vchess.git] / client / src / App.vue

diff --git a/client/src/App.vue b/client/src/App.vue
index 8badb73..82c9bf3 100644 (file)
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -39,12 +39,14 @@
             | {{ 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")
+          //a.menuitem(href="https://www.facebook.com/Variants-Chess-Club-112565840437886")
             img(src="/images/icons/facebook.svg")
-          a.menuitem(href="https://twitter.com/VchessC")
+          //a.menuitem(href="https://twitter.com/VchessC")
             img(src="/images/icons/twitter.svg")
 </template>
 
@@ -140,7 +142,7 @@ input[type="checkbox"]:focus
   outline: 0
 
 input[type=checkbox]:checked:before
-  top: -5px;
+  top: -5px
   height: 18px
 
 table
@@ -155,7 +157,7 @@ table
   padding: 0 10px 0 0
   height: 100%
   & > span
-    padding-right: 5px
+    padding: 0 5px 0 0
     vertical-align: middle
   & > img
     padding: 0
@@ -254,16 +256,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 +292,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>