feat: roster requests

1 files changed, 33 insertions, 1 deletions

diff --git a/assets/style.scss b/assets/style.scss
index 0efe7e9..df90e7c 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -666,7 +666,8 @@ hr {
   padding: 4px;
 }
 
-.new-chat:hover, .new-chat.open {
+.new-chat:hover, .new-chat.open, 
+.add-contact:hover, .add-contact.open {
   background: #00000060;
 }
 
@@ -680,6 +681,37 @@ hr {
   align-items: end;
 }
 
+.roster-add-contact {
+  border-bottom: 2px solid black;
+}
+
+.add-contact-menu h3 {
+  margin: 1em 0 0.5em;
+}
+
+.add-contact-menu form {
+  display: flex;
+  gap: 16px;
+}
+
+.add-contact-menu form input {
+  flex: 1 1 auto;
+}
+
+.jid-with-button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.jid-with-button .jid {
+  flex: 1 1 auto;
+}
+
+.jid-with-button .button {
+  flex: 0 0 auto;
+}
+
 /* font-families */
 
 /* thai */