From 45c935921e69f2d5e55b23d94ff45b72e9b09265 Mon Sep 17 00:00:00 2001
From: WOWmasterJulia <topazzz@ukr.net>
Date: Thu, 19 Oct 2023 15:00:07 +0300
Subject: [PATCH] Changes Phonebook, ContactList, ContactItem(module.css)

---
 src/components/ContactItem/ContactItem.module.css | 6 ++++--
 src/components/ContactList/ContactList.module.css | 7 ++++---
 src/pages/Phonebook.module.css                    | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/ContactItem/ContactItem.module.css b/src/components/ContactItem/ContactItem.module.css
index aea1ba1..71ebc8f 100644
--- a/src/components/ContactItem/ContactItem.module.css
+++ b/src/components/ContactItem/ContactItem.module.css
@@ -1,10 +1,11 @@
 .list_item {
     display: flex;
     align-items: center;
-    column-gap: 10px;
+    column-gap: 30px;
     color: white;
+    margin-bottom: 10px;
     /* padding-left: 120px;
-    padding-right: 120px;; */
+    padding-right: 120px; */
 }
 
 .delete_btn {
@@ -15,6 +16,7 @@
 
     margin: 0;
     margin-left: auto;
+    
 
     background-color: white;
     border: 2px #21d4fd solid;
diff --git a/src/components/ContactList/ContactList.module.css b/src/components/ContactList/ContactList.module.css
index 6db9d76..b34cf73 100644
--- a/src/components/ContactList/ContactList.module.css
+++ b/src/components/ContactList/ContactList.module.css
@@ -1,8 +1,9 @@
 .contacts_list {
     display: flex;
-    /* flex-direction: column; */
+    align-items: center;
+    flex-direction: column;
     justify-content: center;
-    row-gap: 15px;
-    padding-left: 0;
+    /* row-gap: 15px;
+    padding-left: 0; */
     
 }
\ No newline at end of file
diff --git a/src/pages/Phonebook.module.css b/src/pages/Phonebook.module.css
index d12105e..0ae05a4 100644
--- a/src/pages/Phonebook.module.css
+++ b/src/pages/Phonebook.module.css
@@ -5,7 +5,7 @@
     rgba(204, 100, 254, 1) 0%,
     rgba(255, 100, 124, 1) 100%
   );
-  margin: 50px auto 0;
+  margin: 50px auto ;
   padding-top: 40px;
   padding-bottom: 40px;
   border-radius: 15px;