fix: align right - currency, int, float & percent fields

crm/fcrm/doctype/crm_deal/crm_deal.py

@@ -139,6 +139,7 @@ class CRMDeal(Document):
 				'label': 'Amount',
 				'type': 'Currency',
 				'key': 'annual_revenue',
+				'align': 'right',
 				'width': '9rem',
 			},
 			{

frontend/src/components/ColumnSettings.vue

@@ -49,7 +49,9 @@
               </div>
             </template>
           </Draggable>
-          <div class="mt-1.5 flex flex-col gap-1 border-t border-outline-gray-modals pt-1.5">
+          <div
+            class="mt-1.5 flex flex-col gap-1 border-t border-outline-gray-modals pt-1.5"
+          >
             <Autocomplete
               value=""
               :options="fields"
@@ -213,11 +215,13 @@ const fields = computed(() => {
 })
 
 function addColumn(c) {
+  let align = ['Float', 'Int', 'Percent', 'Currency'].includes(c.type) ? 'right' : 'left'
   let _column = {
     label: c.label,
     type: c.type,
     key: c.value,
     width: '10rem',
+    align,
   }
   columns.value.push(_column)
   rows.value.push(c.value)

frontend/src/components/ListViews/CallLogsListView.vue

@@ -38,7 +38,7 @@
       v-slot="{ idx, column, item }"
       doctype="CRM Call Log"
     >
-      <ListRowItem :item="item">
+      <ListRowItem :item="item" :align="column.align">
         <template #prefix>
           <div v-if="['caller', 'receiver'].includes(column.key)">
             <Avatar

frontend/src/components/ListViews/ContactsListView.vue

@@ -42,7 +42,7 @@
       v-slot="{ idx, column, item }"
       doctype="Contact"
     >
-      <ListRowItem :item="item">
+      <ListRowItem :item="item" :align="column.align">
         <template #prefix>
           <div v-if="column.key === 'full_name'">
             <Avatar

frontend/src/components/ListViews/DealsListView.vue

@@ -57,7 +57,7 @@
           "
         />
       </div>
-      <ListRowItem v-else :item="item">
+      <ListRowItem v-else :item="item" :align="column.align">
         <template #prefix>
           <div v-if="column.key === 'status'">
             <IndicatorIcon :class="item.color" />

frontend/src/components/ListViews/EmailTemplatesListView.vue

@@ -37,7 +37,7 @@
       v-slot="{ idx, column, item }"
       doctype="Email Template"
     >
-      <ListRowItem :item="item">
+      <ListRowItem :item="item" :align="column.align">
         <!-- <template #prefix>
 
           </template> -->

frontend/src/components/ListViews/LeadsListView.vue

@@ -57,7 +57,7 @@
           "
         />
       </div>
-      <ListRowItem v-else :item="item">
+      <ListRowItem v-else :item="item" :align="column.align">
         <template #prefix>
           <div v-if="column.key === 'status'">
             <IndicatorIcon :class="item.color" />

frontend/src/components/ListViews/OrganizationsListView.vue

@@ -41,7 +41,7 @@
       v-slot="{ idx, column, item }"
       doctype="CRM Organization"
     >
-      <ListRowItem :item="item">
+      <ListRowItem :item="item" :align="column.align">
         <template #prefix>
           <div v-if="column.key === 'organization_name'">
             <Avatar

frontend/src/components/ListViews/TasksListView.vue

@@ -47,7 +47,7 @@
           </div>
         </Tooltip>
       </div>
-      <ListRowItem v-else :item="item">
+      <ListRowItem v-else :item="item" :align="column.align">
         <template #prefix>
           <div v-if="column.key === 'status'">
             <TaskStatusIcon :status="item" />