incr: small fixes

src/components/Controls/TableRow.vue

@@ -1,10 +1,20 @@
 <template>
   <Row
     :ratio="ratio"
-    class="w-full px-2 border-b hover:bg-brand-100 group flex items-center"
+    class="
+      w-full
+      px-2
+      border-b
+      hover:bg-brand-100
+      h-row-mid
+      group
+      flex
+      items-center
+      justify-center
+    "
   >
     <!-- Index or Remove button -->
-    <div class="flex items-center pl-2 text-gray-600 h-row-mid">
+    <div class="flex items-center pl-2 text-gray-600">
       <span class="hidden group-hover:inline-block">
         <feather-icon
           name="x"
@@ -21,7 +31,7 @@
     <FormControl
       v-for="df in tableFields"
       :size="size"
-      class="py-2 h-row-mid"
+      class="py-2"
       :read-only="readOnly"
       :input-class="{ 'text-right': isNumeric(df), 'bg-transparent': true }"
       :key="df.fieldname"

src/components/Report/ListReport.vue

@@ -147,7 +147,7 @@ export default defineComponent({
       }
 
       if (cell.italics) {
-        styles['font-style'] = 'italic';
+        styles['font-style'] = 'oblique 15deg';
       }
 
       if (i === 0) {

src/components/TwoColumnForm.vue

@@ -61,7 +61,7 @@
 
           height: !['AttachImage', 'Text'].includes(df.fieldtype)
             ? 'calc(var(--h-row-mid) + 1px)'
-            : 'calc(var(--h-row-mid) * 2 + 1px)',
+            : 'calc((var(--h-row-mid) + 1px) * 2)',
         }"
       >
         <div class="py-2 pl-4 flex text-gray-600">

src/pages/ListView/List.vue

@@ -11,7 +11,14 @@
         <div
           v-for="(column, i) in columns"
           :key="column.label"
-          class="overflow-x-auto no-scrollbar whitespace-nowrap h-row items-center flex"
+          class="
+            overflow-x-auto
+            no-scrollbar
+            whitespace-nowrap
+            h-row
+            items-center
+            flex
+          "
           :class="{
             'ml-auto': isNumeric(column.fieldtype),
             'pr-4': i === columns.length - 1,
@@ -49,14 +56,18 @@
             />
           </Row>
         </div>
-        <hr v-if="i !== dataSlice.length - 1" />
+        <hr v-if="!(i === dataSlice.length - 1 && i > 13)" />
       </div>
     </div>
 
     <!-- Pagination Footer -->
     <div class="mt-auto" v-if="data?.length">
       <hr />
-      <Paginator :item-count="data.length" @index-change="setPageIndices" class="px-4"/>
+      <Paginator
+        :item-count="data.length"
+        @index-change="setPageIndices"
+        class="px-4"
+      />
     </div>
 
     <!-- Empty State -->