From 252101b9c44d8537eaac6b845d002431f6cc5b8d Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Wed, 13 Apr 2022 16:54:46 +0430
Subject: [PATCH] update src/components/Button/index.js and
 src/components/CardDesign2/index.js

---
 src/components/Button/index.js      | 2 +-
 src/components/CardDesign2/index.js | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Button/index.js b/src/components/Button/index.js
index 4a01c79..68a4e5a 100644
--- a/src/components/Button/index.js
+++ b/src/components/Button/index.js
@@ -3,7 +3,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
   return (
     <button
       onClick={onClick}
-      className={`flex items-center transiton duration-200 hover:bg-opacity-70 ${className}`}
+      className={`flex items-center justify-center transiton duration-200 hover:bg-opacity-70 ${className}`}
     >
       {text}
       {icon && (
diff --git a/src/components/CardDesign2/index.js b/src/components/CardDesign2/index.js
index 24b9a43..55b6262 100644
--- a/src/components/CardDesign2/index.js
+++ b/src/components/CardDesign2/index.js
@@ -5,7 +5,7 @@ import TitleSubtitle from "../TitleSubtitle";
 
 const CardDesign2 = ({ buttons }) => {
   return (
-    <div className="flex flex-col bg-white shadow-sm rounded max-w-[396px] mr-20 my-20 p-4">
+    <div className="flex flex-col bg-white shadow-sm rounded max-w-[370px] mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
         title={"طبقه سوم"}
@@ -15,15 +15,14 @@ const CardDesign2 = ({ buttons }) => {
         titleDividerWidth={"w-1.5"}
       />
       <IconText />
-      <div className="flex flex-wrap gap-y-2 justify-center mt-4">
+      <div className="flex flex-wrap gap-y-4 justify-around mt-4">
         {buttons.map((btn) => (
           <Button
-            className={`${btn.className} w-1/2 border-none px-4 py-4 text-xs rounded-sm text-white`}
+            className={`${btn.className} w-5/12	 border-none px-4 py-4 text-xs rounded-sm text-white`}
             text={btn.name}
           />
         ))}
       </div>
-      <Button />
     </div>
   );
 };