X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2FApp.vue;h=1a0b1d6428ffab304a84fa3800cb0fe57b0dfb4a;hb=29fe6fd834029f21b22a23a3342f86b43c277c56;hp=aee9c5d0ef3a2aca9cbc412da5e359668236eadd;hpb=ef2b2d0395a57a5e94b2754262d91d831b11da52;p=e-mobility-charging-stations-simulator.git

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index aee9c5d0..1a0b1d64 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -1,6 +1,9 @@
 <template>
   <router-view />
-  <Container v-show="$route.path !== '/'" id="action-container">
+  <Container
+    v-show="$route.name !== 'charging-stations' && $route.name !== 'not-found'"
+    id="action-container"
+  >
     <router-view name="action" />
   </Container>
 </template>
@@ -24,18 +27,22 @@ import Container from '@/components/Container.vue'
 
 #action-container {
   min-width: max-content;
+  height: fit-content;
   display: flex;
+  position: sticky;
+  top: 0.008%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
-  margin: 0.1%;
-  padding: 0.1%;
-  border: solid black;
+  margin-right: 0.2%;
+  margin-left: 0.2%;
+  padding: 0.4%;
+  border: solid 0.25px black;
 }
 
 body {
-  margin: 0.005%;
-  padding: 0.005%;
+  margin: 0.008%;
+  padding: 0.008%;
 }
 </style>