Implemented ability to quickly add a user to a group

stylesheets/components/AddUserToAnotherGroupModal.scss

@@ -0,0 +1,29 @@
+// Copyright 2022 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+div.AddUserToAnotherGroupModal__body {
+  padding-left: 0;
+  padding-bottom: 0;
+  padding-right: 0;
+}
+
+.AddUserToAnotherGroupModal {
+  &__main-body {
+    display: flex;
+    flex-direction: column;
+    min-height: 300px;
+  }
+
+  &__list-wrapper {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+}
+
+.AddUserToAnotherGroupModal .module-conversation-list {
+  &__item,
+  &__item--contact-or-conversation {
+    height: 52px;
+    padding: 0 6px;
+  }
+}

stylesheets/components/ContactModal.scss

@@ -104,7 +104,8 @@
     }
   }
 
-  &__make-admin__bubble-icon {
+  &__make-admin__bubble-icon,
+  &__add-to-another-group__bubble-icon {
     height: 16px;
     width: 18px;
 

stylesheets/components/ConversationDetails.scss

@@ -74,8 +74,10 @@
     @include color-bubble(20px);
   }
 
-  &-membership-list {
-    &__add-members-icon {
+  &-membership-list,
+  &-groups {
+    &__add-members-icon,
+    &__add-to-group-icon {
       @mixin plus-icon($color) {
         @include color-svg('../images/icons/v2/plus-24.svg', $color);
         content: '';

stylesheets/components/Modal.scss

@@ -132,11 +132,12 @@
     @include scrollbar;
     @include font-body-1;
     margin: 0;
+    padding: 16px;
   }
 
   &--has-header {
     .module-Modal__body {
-      padding: 0 16px 16px 16px;
+      padding-top: 0;
       border-top: 1px solid transparent;
       // If there's a header, just the body scrolls
       overflow-y: overlay;
@@ -155,7 +156,6 @@
   }
 
   &--no-header {
-    padding: 16px;
     // If there's no header, the whole thing scrolls
     overflow-y: overlay;
     overflow-x: auto;

stylesheets/components/Toast.scss

@@ -8,14 +8,11 @@
 
   align-items: center;
   border-radius: $border-radius-px;
-  bottom: 62px;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 12px rgba(0, 0, 0, 0.3);
   display: flex;
   justify-content: space-between;
-  left: 50%;
   position: absolute;
   text-align: center;
-  transform: translate(-50%, 0);
   user-select: none;
   overflow: hidden;
   z-index: $z-index-toast;
@@ -29,6 +26,17 @@
     color: $color-gray-05;
   }
 
+  &--align-center {
+    bottom: 62px;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+
+  &--align-left {
+    left: 20px;
+    bottom: 18px;
+  }
+
   &__content {
     padding: 8px 12px;
   }