X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;ds=sidebyside;f=ui%2Fweb%2Fsrc%2FApp.vue;h=471a240ab579d7dbb3908368e12440e22c6c8a67;hb=aa9b0a1ec352572d91076a4d0cfa78b53a46c759;hp=1f2dcf85b10dfd101d9b5647150c6861c164da5c;hpb=c317ae3edbd335e6dc52616df7d702c0d8419fd4;p=e-mobility-charging-stations-simulator.git

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index 1f2dcf85..471a240a 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <router-view />
-  <Container id="action">
+  <Container v-show="$route.path !== '/'" id="action-container">
     <router-view name="action" />
   </Container>
 </template>
@@ -12,8 +12,8 @@ import Container from '@/components/Container.vue'
 <style>
 #app {
   height: fit-content;
-  width: fit-content;
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  width: 100%;
+  font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
@@ -22,19 +22,20 @@ import Container from '@/components/Container.vue'
   background-color: white;
 }
 
-#action {
+#action-container {
   min-width: max-content;
   display: flex;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
-  margin: 0.1%;
-  padding: 0.1%;
+  align-items: center;
+  text-align: center;
+  margin: 0.4%;
+  padding: 0.4%;
   border: solid black;
 }
 
 body {
-  margin: 0.005%;
-  padding: 0.005%;
+  margin: 0.008%;
+  padding: 0.008%;
 }
 </style>