update src/components/NumOfGuestsEmployees/index.js

src/components/NumOfGuestsEmployees/index.js

@@ -2,13 +2,16 @@ import React from 'react'
 
 const NumOfGuestsEmployees = ({items}) => {
   return (
-    <div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[440px] w-1/3 p-5 mt-10 mr-10">
+    <div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[280px] w-1/3 mt-10 mr-10 py-2">
         {items.map((item,i) => (
-            <div key={i} className="flex flex-row justify-around bg-red-200">
-                <div className="font-bold text-xs bg-blue-200 flex flex-col items-center">
+             <div className="flex flex-row">
+                 <div className="font-bold text-xs flex flex-col items-center">
                 <p className="text-[#0F0543]">{item.name}</p>
-                <span className="text-[#2483E1]">{item.number} نفر</span>
-                </div>
+                <span className="text-[#2483E1] mt-2">{item.number} نفر</span>
+             </div>
+             {Number(i) !== items.length -1 && (
+                <div className="w-0.5 bg-[#9DACD344] mx-3" style={{height: "44px"}}></div>
+            )}
             </div>
         ))}
     </div>