diff --git a/css/style.css b/css/style.css
index f36dfe9..aa69a67 100644
--- a/css/style.css
+++ b/css/style.css
@@ -118,7 +118,7 @@ body{
 }
 
 div.container{
-  width: 800px;
+  width: 850px;
 }
 
 #imgInp{
diff --git a/images/Add item.png b/images/Add item.png
new file mode 100644
index 0000000..4bbbfa8
Binary files /dev/null and b/images/Add item.png differ
diff --git a/images/Trash item.png b/images/Trash item.png
new file mode 100644
index 0000000..9f26da1
Binary files /dev/null and b/images/Trash item.png differ
diff --git a/index.html b/index.html
index 2dc999d..2a05208 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
         <div class="input-container"><input type="text" ng-model="invoice.customer_info.address2"/></div>
         <div class="input-container"><input type="text" ng-model="invoice.customer_info.postal"/></div>
         <div class="input-container" data-ng-hide='printMode'>
-          <select ng-model='currencySymbol' ng-options='currency.symbol as currency.name for currency in availableCurrencies'></select>
+          <select ng-model='currencySymbol'  ng-options='currency.symbol as currency.name for currency in availableCurrencies'></select>
         </div>
       </div>
       <div class="col-xs-6 right">
@@ -55,16 +55,17 @@
     <div class="items-table">
       <div class="row header">
         <div class="col-xs-1">&nbsp;</div>
-        <div class="col-xs-5">Description</div>
+        <div class="col-xs-3">Description</div>
         <div class="col-xs-2">Quantity</div>
         <div class="col-xs-2">Cost {{currencySymbol}}</div>
+        <div class="col-xs-2">Discount {{currencySymbol}}</div>
         <div class="col-xs-2 text-right">Total</div>
       </div>
       <div class="row invoice-item" ng-repeat="item in invoice.items" ng-animate="'slide-down'">
         <div class="col-xs-1 remove-item-container">
-          <a href ng-hide="printMode" ng-click="removeItem(item)" class="btn btn-danger">[X]</a>
+          <img src="images/Trash item.png" ng-hide="printMode" ng-click="removeItem(item)" />
         </div>
-        <div class="col-xs-5 input-container">
+        <div class="col-xs-3 input-container">
           <input ng-model="item.description" placeholder="Description" />
         </div>
         <div class="col-xs-2 input-container">
@@ -73,17 +74,20 @@
         <div class="col-xs-2 input-container">
           <input ng-model="item.cost" value="0.00" ng-required ng-validate="number" size="6" placeholder="Cost" />
         </div>
+        <div class="col-xs-2 input-container">
+          <input ng-model="item.discount" value="0.00" ng-required ng-validate="number" size="6" placeholder="Discount" />
+        </div>
         <div class="col-xs-2 text-right input-container">
-          {{item.cost * item.qty | currency: currencySymbol}}
+          {{(item.cost - item.discount) * item.qty  | currency: currencySymbol}}
         </div>
       </div>
       <div class="row invoice-item">
         <div class="col-xs-12 add-item-container" ng-hide="printMode">
-          <a class="btn btn-primary" href ng-click="addItem()" >[+]</a>
+          <img src="images/Add item.png" ng-click="addItem()" />
         </div>
       </div>
       <div class="row">
-        <div class="col-xs-10 text-right">Sub Total</div>
+        <div class="col-xs-10 text-right" style="padding-right: 50px;">Sub Total</div>
         <div class="col-xs-2 text-right">{{invoiceSubTotal() | currency: currencySymbol}}</div>
       </div>
       <div class="row">
@@ -91,7 +95,7 @@
         <div class="col-xs-2 text-right">{{calculateTax() | currency: currencySymbol}}</div>
       </div>
       <div class="row">
-        <div class="col-xs-10 text-right">Grand Total:</div>
+        <div class="col-xs-10 text-right" style="padding-right: 32px;">Grand Total:</div>
         <div class="col-xs-2 text-right">{{calculateGrandTotal() | currency: currencySymbol}}</div>
       </div>
     </div>
@@ -103,7 +107,7 @@
     </div>
   </div>
 
-  <div ng-hide="printMode" class="copy noPrint">
+  <div ng-hide="Mode" class="copy noPrint">
     <a href="https://jasdeep.ca/?utm_source=angular_invoicing">Jasdeep Singh</a> &amp;
     <a href="https://github.com/manpreetrules">Manpreet Singh</a>
     Made with
diff --git a/js/main.js b/js/main.js
index d17b9af..592ae05 100644
--- a/js/main.js
+++ b/js/main.js
@@ -22,7 +22,7 @@ angular.module('invoicing', [])
     postal: 'M5S 1B6'
   },
   items:[
-    { qty: 10, description: 'Gadget', cost: 9.95 }
+    { qty: 0, description: '', cost: 0, discount: 0 }
   ]
 })
 
@@ -93,6 +93,10 @@ angular.module('invoicing', [])
 
   service.all = function() {
     return [
+      {
+        name: 'Indian Rupee (₹)',
+        symbol: '₹'
+      },
       {
         name: 'British Pound (£)',
         symbol: '£'
@@ -105,10 +109,7 @@ angular.module('invoicing', [])
         name: 'Euro (€)',
         symbol: '€'
       },
-      {
-        name: 'Indian Rupee (₹)',
-        symbol: '₹'
-      },
+      
       {
         name: 'Norwegian krone (kr)',
         symbol: 'kr '
@@ -129,7 +130,7 @@ angular.module('invoicing', [])
   function($scope, $http, DEFAULT_INVOICE, DEFAULT_LOGO, LocalStorage, Currency) {
 
   // Set defaults
-  $scope.currencySymbol = '$';
+  $scope.currencySymbol = '₹';
   $scope.logoRemoved = false;
   $scope.printMode   = false;
 
@@ -151,7 +152,7 @@ angular.module('invoicing', [])
   })()
   // Adds an item to the invoice's items
   $scope.addItem = function() {
-    $scope.invoice.items.push({ qty:0, cost:0, description:"" });
+    $scope.invoice.items.push({ qty:0, cost:0, description:"",discount:0 });
   }
 
   // Toggle's the logo
@@ -179,7 +180,7 @@ angular.module('invoicing', [])
   $scope.invoiceSubTotal = function() {
     var total = 0.00;
     angular.forEach($scope.invoice.items, function(item, key){
-      total += (item.qty * item.cost);
+      total += (item.qty * (item.cost - item.discount));
     });
     return total;
   };