1 files changed, 14 insertions, 12 deletions

diff --git a/assets/style.scss b/assets/style.scss
index 245e5c7..f781976 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -155,11 +155,11 @@ p {
   flex-direction: column;
 }
 
-.chats-list>*, .roster-list>* {
+.chats-list>*, .roster-list>*, .settings .header {
   padding: 8px 16px;
 }
 
-.chats-list .header, .roster-list .header {
+.chats-list .header, .roster-list .header, .settings .header {
   margin-top: 0.4rem;
   border-bottom: 2px solid black;
   display: flex;
@@ -589,20 +589,21 @@ p {
 }
 
 .modal {
-  position: relative;
-  z-index: 150;
-}
-
-.modal-background {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.modal-content {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
+  z-index: 150;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.settings {
+  width: 75vw;
+  height: 75vh;
 }
 
 .modal .overlay {
@@ -672,7 +673,8 @@ hr {
 }
 
 .new-chat:hover, .new-chat.open, 
-.add-contact:hover, .add-contact.open {
+.add-contact:hover, .add-contact.open,
+.close:hover {
   background: #00000060;
 }