refactor(ui): refine action container styling

[e-mobility-charging-stations-simulator.git] / ui / web / src / App.vue

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index 325c6bd8675d0ccc564da9b40272bff2467a7e0d..aee9c5d0ef3a2aca9cbc412da5e359668236eadd 100644 (file)
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -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;
@@ -26,8 +26,9 @@ import Container from '@/components/Container.vue'
   min-width: max-content;
   display: flex;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
+  align-items: center;
+  text-align: center;
   margin: 0.1%;
   padding: 0.1%;
   border: solid black;