resize input fields to fill all available horizontal space

Author: bernardodemarco

ui/src/style/objects/form.scss

@@ -18,6 +18,10 @@
 .form {
   width: 80vw;
 
+  .full-width-input {
+    width: 100%;
+  }
+
   @media (min-width: 500px) {
     width: 400px;
   }

ui/src/views/plugins/quota/CreateQuotaTariff.vue

@@ -62,6 +62,7 @@
           <tooltip-label :title="$t('label.quota.tariff.value')" :tooltip="apiParams.value.description"/>
         </template>
         <a-input-number
+          class="full-width-input"
           v-model:value="form.value"
           :placeholder="$t('placeholder.quota.tariff.value')" />
       </a-form-item>
@@ -70,6 +71,7 @@
           <tooltip-label :title="$t('label.quota.tariff.position')" :tooltip="apiParams.position.description" />
         </template>
         <a-input-number
+          class="full-width-input"
           v-model:value="form.position"
           :placeholder="$t('placeholder.quota.tariff.position')" />
       </a-form-item>
@@ -78,6 +80,7 @@
           <tooltip-label :title="$t('label.start.date')" :tooltip="apiParams.startdate.description"/>
         </template>
         <a-date-picker
+          class="full-width-input"
           v-model:value="form.startDate"
           :disabled-date="disabledStartDate"
           :placeholder="$t('placeholder.quota.tariff.startdate')"
@@ -89,6 +92,7 @@
           <tooltip-label :title="$t('label.end.date')" :tooltip="apiParams.enddate.description"/>
         </template>
         <a-date-picker
+          class="full-width-input"
           v-model:value="form.endDate"
           :disabled-date="disabledEndDate"
           :placeholder="$t('placeholder.quota.tariff.enddate')"

ui/src/views/plugins/quota/EditQuotaTariff.vue

@@ -38,6 +38,7 @@
           <tooltip-label :title="$t('label.quota.tariff.value')" :tooltip="apiParams.value.description"/>
         </template>
         <a-input-number
+          class="full-width-input"
           v-model:value="form.value"
           :placeholder="$t('placeholder.quota.tariff.value')" />
       </a-form-item>
@@ -46,14 +47,16 @@
          <tooltip-label :title="$t('label.quota.tariff.position')" :tooltip="apiParams.position.description"/>
        </template>
        <a-input-number
-         v-model:value="form.position"
-         :placeholder="$t('placeholder.quota.tariff.position')" />
+          class="full-width-input"
+          v-model:value="form.position"
+          :placeholder="$t('placeholder.quota.tariff.position')" />
       </a-form-item>
       <a-form-item ref="endDate" name="endDate">
         <template #label>
           <tooltip-label :title="$t('label.end.date')" :tooltip="apiParams.enddate.description"/>
         </template>
         <a-date-picker
+          class="full-width-input"
           v-model:value="form.endDate"
           :disabled-date="disabledEndDate"
           :placeholder="$t('placeholder.quota.tariff.enddate')"