Add csv to interfaces fix icon alignment and icon

app/src/displays/icon/index.ts

@@ -5,7 +5,7 @@ export default defineDisplay(({ i18n }) => ({
 	id: 'icon',
 	name: i18n.t('displays.icon.icon'),
 	description: i18n.t('displays.icon.description'),
-	icon: 'thumb_up',
+	icon: 'insert_emoticon',
 	handler: DisplayIcon,
 	options: [
 		{

app/src/interfaces/checkboxes/index.ts

@@ -7,7 +7,7 @@ export default defineInterface(({ i18n }) => ({
 	icon: 'check_box',
 	component: InterfaceCheckboxes,
 	description: i18n.t('interfaces.checkboxes.description'),
-	types: ['json'],
+	types: ['json', 'csv'],
 	options: [
 		{
 			field: 'choices',
@@ -78,8 +78,8 @@ export default defineInterface(({ i18n }) => ({
 				interface: 'icon',
 			},
 			schema: {
-				default_value: 'check_box'
-			}
+				default_value: 'check_box',
+			},
 		},
 		{
 			field: 'iconOff',
@@ -90,8 +90,8 @@ export default defineInterface(({ i18n }) => ({
 				interface: 'icon',
 			},
 			schema: {
-				default_value: 'check_box_outline_blank'
-			}
+				default_value: 'check_box_outline_blank',
+			},
 		},
 		{
 			field: 'itemsShown',
@@ -99,11 +99,11 @@ export default defineInterface(({ i18n }) => ({
 			type: 'integer',
 			meta: {
 				width: 'half',
-				interface: 'numeric'
+				interface: 'numeric',
 			},
 			schema: {
-				default_value: 8
-			}
+				default_value: 8,
+			},
 		},
 	],
 	recommendedDisplays: ['tags'],

app/src/interfaces/dropdown-multiselect/index.ts

@@ -7,7 +7,7 @@ export default defineInterface(({ i18n }) => ({
 	description: i18n.t('interfaces.dropdown-multiselect.description'),
 	icon: 'arrow_drop_down_circle',
 	component: InterfaceDropdownMultiselect,
-	types: ['json'],
+	types: ['json', 'csv'],
 	options: [
 		{
 			field: 'choices',

app/src/interfaces/icon/icon.vue

@@ -121,7 +121,6 @@ export default defineComponent({
 	display: grid;
 	grid-gap: 8px;
 	grid-template-columns: repeat(auto-fit, 24px);
-	justify-content: center;
 	padding: 20px 0;
 	color: var(--foreground-subdued);
 }

app/src/interfaces/tags/index.ts

@@ -7,7 +7,7 @@ export default defineInterface(({ i18n }) => ({
 	description: i18n.t('interfaces.tags.description'),
 	icon: 'local_offer',
 	component: InterfaceTags,
-	types: ['json'],
+	types: ['json', 'csv'],
 	options: [
 		{
 			field: 'presets',

app/src/modules/settings/routes/data-model/field-detail/components/interface.vue

@@ -66,6 +66,7 @@ export default defineComponent({
 				time: ['datetime'],
 				json: ['checkboxes', 'tags'],
 				uuid: ['text-input'],
+				csv: ['tags'],
 			};
 
 			const recommended = recommendedInterfacesPerType[type] || [];