fix(ui): ensure the tool bar is sized at 100% width

[e-mobility-charging-stations-simulator.git] / ui / web / src / components / buttons / Button.vue

diff --git a/ui/web/src/components/buttons/Button.vue b/ui/web/src/components/buttons/Button.vue
index 2b9bfaec38f9d1688ddf2c0cf5899908843ed6b0..9d99cdb4e8cf424bbf1a87e9763d448b7cf29319 100644 (file)
--- a/ui/web/src/components/buttons/Button.vue
+++ b/ui/web/src/components/buttons/Button.vue
@@ -1,5 +1,15 @@
 <template>
-  <button type="button">
+  <button type="button" class="button">
     <slot></slot>
   </button>
 </template>
+
+<style>
+.button {
+  display: flex;
+  flex: auto;
+  justify-content: center;
+  align-items: center;
+  font: small-caption;
+}
+</style>