Changes Phonebook, ContactList, ContactItem(module.css)

WOWmasterJulia · Oct 19, 2023 · 45c9359 · 45c9359
1 parent 6903531
commit 45c9359
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git 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
@@ -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; */
 
 }
diff --git 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;