fix(ui): differentiate between full and grow widths

front/src/components/radios/Card.vue

@@ -74,6 +74,7 @@ const customRadioId = computed(() => props.customRadio?.id ?? null)
         v-if="store.state.auth.authenticated && type === 'custom' && radio.user.id === store.state.auth.profile?.id"
         primary
         full
+        grow
         :to="{name: 'library.radios.edit', params: {id: customRadioId }}"
       >
         {{ t('components.radios.Card.button.edit') }}

front/src/composables/width.ts

@@ -10,6 +10,7 @@ export type WidthProps =
   | { medium?: true }
   | { auto?: true }
   | { full?: true }
+  | { grow?: true }
   | { width?: string }
   | { square?: true }
   | { squareSmall?: true }
@@ -25,7 +26,8 @@ const widths = {
   small: "width: 202px; --grid-column: span 3;",
   medium: "width: 280px; --grid-column: span 4;",
   auto: "width: auto;",
-  full: "width: auto; --grid-column: 1 / -1; place-self: stretch; flex-grow: 1;",
+  full: "width: auto; --grid-column: 1 / -1; place-self: stretch;",
+  grow: "flex-grow: 1;",
   width: (w: string) => `width: ${w}; flex-grow:0;`,
 } as const