X-Git-Url: https://git.auder.net/images/pieces/current/gitweb.js?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=6183d66f46c60c02fbd62cd72106b648594506e4;hb=604b951e4dc4647da9b251c5fff4ecb4c7b1b298;hp=d720b6ebc0e810a156c9b60d7ecaee53dc94ee46;hpb=89021f181ac0689bbc785ce0ebd9a910e66352b0;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index d720b6eb..6183d66f 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -32,12 +32,13 @@
               .clickable#flagContainer(onClick="doClick('modalLang')")
                 img(v-if="!!st.lang" :src="flagImage")
     router-view
-    .row
-      .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
-        footer
-          router-link.menuitem(to="/about") {{ st.tr["About"] }}
-          p.clickable(onClick="doClick('modalContact')")
-            | {{ st.tr["Contact"] }}
+  .row
+    .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+      footer
+        router-link.menuitem(to="/about") {{ st.tr["About"] }}
+        router-link.menuitem(to="/news") {{ st.tr["News"] }}
+        p.clickable(onClick="doClick('modalContact')")
+          | {{ st.tr["Contact"] }}
 </template>
 
 <script>
@@ -99,6 +100,8 @@ body
   -moz-osx-font-smoothing: grayscale
 
 .container
+  // 45px is footer height
+  min-height: calc(100vh - 45px)
   overflow: hidden
   @media screen and (max-width: 767px)
     padding: 0
@@ -197,12 +200,13 @@ nav
       border-top: 0
 
 footer
+  height: 45px
   border: 1px solid #ddd
+  box-sizing: border-box
   //background-color: #000033
   font-size: 1rem
   width: 100%
-  padding-left: 0
-  padding-right: 0
+  padding: 0
   display: inline-flex
   align-items: center
   justify-content: center
@@ -211,7 +215,7 @@ footer
     text-decoration: none
   & > .menuitem
     display: inline-block
-    margin: 0 10px
+    margin: 0 12px
     &:link
       color: #2c3e50
     &:visited, &:hover
@@ -219,7 +223,7 @@ footer
       text-decoration: none
   & > p
     display: inline-block
-    margin: 0 10px
+    margin: 0 12px
 
 @media screen and (max-width: 767px)
   footer