X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=91f82eeacd300f865b03c08a31cf9f7f7a643802;hb=7c3cd3794ee13c41fc623179f7d4142d0d3e74da;hp=dd45b3439d138088771900c21d5ce765d0e2c168;hpb=85e5b5c1e6192a134fa69182e8c077605fdb969f;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index dd45b343..91f82eea 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -1,7 +1,5 @@
 <template lang="pug">
 #app
-  // modal "welcome" will be filled in the selected language
-  #modalWelcome
   Language
   Settings
   ContactForm
@@ -39,11 +37,10 @@
                 | {{ !st.user.id ? "Login" : "Update" }}
               .clickable(onClick="doClick('modalSettings')")
                 | {{ st.tr["Settings"] }}
-              .clickable(onClick="doClick('modalLang')")
+              .clickable#flagContainer(onClick="doClick('modalLang')")
                 img(v-if="!!st.lang"
                   :src="require(`@/assets/images/flags/${st.lang}.svg`)")
-    .row
-      router-view
+    router-view
     .row
       .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
         footer
@@ -87,6 +84,12 @@ export default {
   @media screen and (max-width: 767px)
     padding: 0
 
+.row > div
+  padding: 0
+
+.nopadding
+  padding: 0
+
 header
   width: 100%
   display: flex
@@ -102,6 +105,7 @@ header
 
 nav
   width: 100%
+  margin: 0
   padding: 0
   & > #menuBar
     width: 100%
@@ -125,10 +129,12 @@ nav
       justify-content: flex-end
       & > div
         display: inline-block
+        &#flagContainer
+          display: inline-flex
         & > img
           padding: 0
-          width: 30px
-          height: 30px
+          width: 36px
+          height: 27px
 
 // TODO: drawer, until 600px wide OK (seemingly)
 // After, zone where left and right just go on top of another