From 7e0ff3f6cf82862c1d86a83a26b10614407abd3c Mon Sep 17 00:00:00 2001
From: Jay_Makwana <jaimakwana786@gmail.com>
Date: Sat, 16 Nov 2019 17:53:20 +0530
Subject: [PATCH] refactor component

---
 resources/assets/js/views/expenses/Index.vue     |  1 +
 resources/assets/sass/components/item-modal.scss | 14 ++++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/views/expenses/Index.vue b/resources/assets/js/views/expenses/Index.vue
index 4ee774d0..d8790ecd 100644
--- a/resources/assets/js/views/expenses/Index.vue
+++ b/resources/assets/js/views/expenses/Index.vue
@@ -171,6 +171,7 @@
           sort-as="expense_date"
         >
           <template slot-scope="row">
+            <span>{{ $t('expenses.note') }}</span>
             <div class="notes">
               <div class="note">{{ row.notes }}</div>
             </div>
diff --git a/resources/assets/sass/components/item-modal.scss b/resources/assets/sass/components/item-modal.scss
index 30eaa769..8c5a87fc 100644
--- a/resources/assets/sass/components/item-modal.scss
+++ b/resources/assets/sass/components/item-modal.scss
@@ -36,13 +36,15 @@
                 text-align: left;
             }
 
-            .required {
-                position: absolute;
-                left: -10px;
-                color: $ls-color-red;
-            }
-
         }
+
+        .required {
+            position: absolute;
+            right: auto;
+            margin-left: 5px;
+            color: #FB7178;
+        }
+
         text-align: left;
 
     }