Vue: fix ToggleButtonGroup size and alignment

Change-Id: I15921c64efc68e9e808b23239b33e281902019f0

Author: oKenneth

packages/cmk-frontend-vue/src/components/CmkButton.vue

@@ -50,6 +50,7 @@ defineProps<ButtonProps>()
   margin: 0;
   padding: 0 8px;
   align-items: center;
+  justify-content: center;
   letter-spacing: unset;
 }
 .button--variant-primary {
@@ -60,6 +61,7 @@ defineProps<ButtonProps>()
 }
 .button--variant-tertiary,
 .button--variant-transparent {
+  height: auto;
   background: none;
   border: none;
   padding: 0;

packages/cmk-frontend-vue/src/components/ToggleButtonGroup.vue

@@ -49,6 +49,7 @@ function setSelectedOption(value: string) {
 }
 
 .toggle_option {
+  height: auto;
   min-width: 150px;
   border: none;
   background-color: transparent;