Fix odd width for rowentry

dev/serve.vue

@@ -66,7 +66,13 @@ export default defineComponent({
           <template v-slot:default>
             <h1>Component examples</h1>
 
-            <row-entry label="Something">Test</row-entry>
+            <row-entry label="Something long long long long" class="mb-1">
+              Test Test Test Test Test Test Test Test Test Test Test Test Test
+              Test Test Test Test Test Test Test Test Test Test Test Test Test
+              Test Test Test Test Test Test Test Test Test Test Test Test Test
+              Test Test Test Test Test
+            </row-entry>
+            <row-entry label="Something" class="mb-1">Test </row-entry>
             <notification modelValue="text" />
             <notification
               :modelValue="{ text: 'mehr text', variant: 'danger' }"

src/lib-components/RowEntry.vue

 <template>
-  <div class="row" :class="classes">
-    <label class="col-sm-2 col-form-label fw-bold text-end" for="name">
+  <div class="row gx-0" :class="classes">
+    <label class="col-sm-2 col-form-label fw-bold text-end px-2" for="name">
       {{ label }}
     </label>
-    <div class="col-sm-10 col-form-label value">
+    <div class="col-sm-10 col-form-label value px-2">
       <slot />
     </div>
   </div>
@@ -13,7 +13,12 @@
 export default {
   props: {
     label: String,
-    classes: String,
+    class: String,
+  },
+  computed: {
+    classes() {
+      return this.class;
+    },
   },
 };
 </script>