fix more_features table columns width

pages/subscription.vue

@@ -87,7 +87,7 @@ Page 'Mon abonnement'
           <v-container id="products-section" fluid class="container">
             <v-row>
               <!-- Opentalent Artist Premium -->
-              <v-col v-if="organizationProfile.isArtistProduct" cols="3">
+              <v-col v-if="organizationProfile.isArtistProduct" :cols="colWidth">
                 <v-row>
                   {{ $t('PRODUCT_ARTIST_PREMIUM') }}
                 </v-row>
@@ -140,7 +140,7 @@ Page 'Mon abonnement'
               </v-col>
 
               <!-- Opentalent School Premium -->
-              <v-col v-if="organizationProfile.isArtist" cols="3">
+              <v-col v-if="organizationProfile.isArtist" :cols="colWidth">
                 <v-row>
                   {{ $t('PRODUCT_SCHOOL') }}
                 </v-row>
@@ -187,7 +187,7 @@ Page 'Mon abonnement'
               </v-col>
 
               <!-- SMS -->
-              <v-col cols="3">
+              <v-col :cols="colWidth">
                 <v-row>
                   {{ $t('sms') }}
                 </v-row>
@@ -225,7 +225,7 @@ Page 'Mon abonnement'
               </v-col>
 
               <!-- Custom domain -->
-              <v-col cols="3">
+              <v-col :cols="colWidth">
                 <v-row>
                   {{ $t('website') }}
                 </v-row>
@@ -318,6 +318,11 @@ Page 'Mon abonnement'
   const formatCurrency = (value: Number, currency: string): string => {
     return value.toLocaleString(i18n.locale.value, { style: 'currency', currency: currency })
   }
+
+  // Compute the number of columns of the more_features pannel
+  const nbCols = 2 + (organizationProfile.isArtist ? 1 : 0) + (organizationProfile.isArtistProduct ? 1 : 0)
+  const colWidth = 12 / nbCols
+
 </script>
 
 <style scoped lang="scss">