From 92863c5da2253ddba5823b26a1da9ab0d6bfb765 Mon Sep 17 00:00:00 2001
From: Sonu Kumar <1AT20IS092@visioneer.atria.edu>
Date: Tue, 27 Feb 2024 12:37:50 +0530
Subject: [PATCH] backend

---
 backend/package.json                           | 12 ++++++++++++
 frontend/src/components/Chats/Chats.js         |  4 ++--
 frontend/src/components/Chats/Chats.module.css |  1 +
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 backend/package.json

diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 00000000..447daea4
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}
diff --git a/frontend/src/components/Chats/Chats.js b/frontend/src/components/Chats/Chats.js
index d963b6a6..60876c8c 100644
--- a/frontend/src/components/Chats/Chats.js
+++ b/frontend/src/components/Chats/Chats.js
@@ -60,10 +60,10 @@ function Chats(props) {
         </div>
       </div>
 
-      <div className="w-full h-[93vh] flex">
+      <div className="w-full h-[93vh] pb-1 flex">
         <div className={`${styles.slider} ${showList ? styles.show : styles.hide}`}>
           {showList && 
-            <div className="p-2 w-44">
+            <div className="p-2 m-1 rounded-md bg-slate-100 items-center">
               List the items
             </div>}
         </div>
diff --git a/frontend/src/components/Chats/Chats.module.css b/frontend/src/components/Chats/Chats.module.css
index 2a4de754..9e2f5ae1 100644
--- a/frontend/src/components/Chats/Chats.module.css
+++ b/frontend/src/components/Chats/Chats.module.css
@@ -4,6 +4,7 @@
     overflow: hidden;
     transition: width 0.5s ease-in-out;
     width: 0;
+    align-items: center;
 }
 
 .rslider {