fix: Add w-full to Row components

models/doctype/SalesInvoice/InvoiceTemplate.vue

@@ -51,7 +51,7 @@
       </div>
       <div class="mt-2 px-6 text-base">
         <div>
-          <Row class="text-gray-600" :ratio="ratio">
+          <Row class="text-gray-600 w-full" :ratio="ratio">
             <div class="py-4">
               {{ _('No') }}
             </div>
@@ -59,7 +59,7 @@
               {{ df.label }}
             </div>
           </Row>
-          <Row class="text-gray-900" v-for="row in doc.items" :key="row.name" :ratio="ratio">
+          <Row class="text-gray-900 w-full" v-for="row in doc.items" :key="row.name" :ratio="ratio">
             <div class="py-4">
               {{ row.idx + 1 }}
             </div>

src/components/Controls/Table.vue

@@ -20,7 +20,7 @@
     <TableRow v-for="row in value" :key="row.name" v-bind="{ row, tableFields, size, ratio, isNumeric }" />
     <Row
       :ratio="ratio"
-      class="text-gray-500 cursor-pointer border-transparent px-2"
+      class="text-gray-500 cursor-pointer border-transparent px-2 w-full"
       v-if="!isReadOnly"
     >
       <div class="flex items-center pl-1">

src/components/Controls/TableRow.vue

@@ -1,7 +1,7 @@
 <template>
   <Row
     :ratio="ratio"
-    class="border-b px-2"
+    class="border-b px-2 w-full"
   >
     <div class="flex items-center pl-2 text-gray-600">{{ row.idx + 1 }}</div>
     <FormControl

src/pages/Settings/Settings.vue

@@ -7,7 +7,7 @@
           :buttons="['close']"
         />
       </div>
-      <Row :columnCount="5" class="px-6 border-none" gap="0.5rem">
+      <Row :columnCount="5" class="px-6 border-none w-full" gap="0.5rem">
         <div
           v-for="(tab, i) in tabs"
           :key="tab.label"