From 83c2168485fb1d4e02b704470015c359ccd8e528 Mon Sep 17 00:00:00 2001
From: Manish Kumar Pandit <78676157+manishkumar-hub@users.noreply.github.com>
Date: Wed, 26 Oct 2022 01:41:41 +0530
Subject: [PATCH] Updated note component

---
 JS/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/JS/index.js b/JS/index.js
index a308acd..77d5e1e 100644
--- a/JS/index.js
+++ b/JS/index.js
@@ -46,13 +46,13 @@ function showNotes(){
     let html = "";
     notesObj.forEach(function(element,index){
         html += `
-        <div class="noteCard my-2 mx-2 card" style="width: 18rem;">
-    <div class="card-body">
-      <h5 class="card-title">${element.Title}</h5>
-      <p class="card-text">${element.Text}</p>
-      <button id="${index}"onclick="deleteNote(this.id)" class="btn btn-primary">Delete</button>
-    </div>
-  </div>`;
+        <div class="noteCard my-2 mx-2 card shadow p-3 mb-5 bg-white rounded" style="width: 18rem;">
+            <div class="card-body">
+                <h5 class="card-title">${element.Title}</h5>
+                <p class="card-text">${element.Text}</p>
+                <button id="${index}"onclick="deleteNote(this.id)" class="btn btn-outline-danger">Delete</button>
+            </div>
+        </div>`;
 });
 let notesElm = document.getElementById("notes");
 if(notesObj.length != 0){