lots of visual improvements

vue3/src/components/display/KeywordsBar.vue

@@ -1,7 +1,7 @@
 <template>
-    <template v-if="keywords">
-        <v-chip color="info" size="x-small" v-for="k in keywords"> {{ k.label }}</v-chip>
-    </template>
+    <div v-if="keywords">
+        <v-chip class="ms-1" :color="color" :size="size" :variant="variant" v-for="k in keywords"> {{ k.label }}</v-chip>
+    </div>
 
 </template>
 
@@ -15,8 +15,12 @@ export default {
     mixins: [],
     props: {
         keywords: Array as PropType<Array<Keyword> | Array<KeywordLabel> | undefined>,
+        size: {type: String, default: 'x-small'},
+        color: {type: String, default: ''},
+        variant: {type: String as PropType<NonNullable<"tonal" | "flat" | "text" | "elevated" | "outlined" | "plain"> | undefined>, default: 'tonal'},
+    },
+    computed: {
     },
-    computed: {},
     methods: {}
 }
 </script>