profile-pane 3.1.2-ccc559aa → 3.1.2-e3347eef

package/lib/styles/ContactsCard.css

@@ -219,11 +219,6 @@
   justify-content: center;
   align-items: center;
   line-height: 1;
-
-     /* width: 100% !important;
-    max-width: 100% !important;
-    margin-left: 0;
-    align-self: stretch !important; */
 }
 
 .contactsNewGroupForm {
@@ -291,7 +286,6 @@
   right: 0.2rem;
   background: transparent;
   color: #787878;
-  font-size: var(--font-size-xs);
   border: none;
   font-size: var(--font-size-sm);
   cursor: pointer;
@@ -311,8 +305,14 @@
   width: auto !important;
   height: auto !important;
   cursor: pointer;
-  font-size: var(--font-size-xs);
   line-height: 1;
+  left: auto;
+  margin: 0;
+  align-self: auto !important;
+  background: transparent;
+  color: #787878;
+  border: none;
+  z-index: 100 !important;
 }
 
 .contactsCloseButton:hover {
@@ -394,8 +394,8 @@
   white-space: nowrap;
 }
 
-[role="alert"] {
-  border: none !important; /* Hides the element from all users and AT */
+.contactsAddressBookSelector [role="alert"] {
+  border: none !important; /* Remove borders from alerts within the contacts dialog */
 }
 
 .contactsPopupOverlay {
@@ -405,20 +405,19 @@
   z-index: 8;
 }
 
-.contactsAddressBookSelector.contactsOverlayActive > *:not(.contactsPopupOverlay):not(.contactsPopupMessage):not(.contactsContactExistsAlert) {
+.contactsAddressBookSelector.contactsOverlayActive > *:not(.contactsPopupOverlay):not(.contactsPopupDialog):not(.contactsContactExistsAlert) {
   pointer-events: none;
   user-select: none;
 }
 
-.contactsAddressBookSelector.contactsOverlayActive .contactsPopupMessage,
+.contactsAddressBookSelector.contactsOverlayActive .contactsPopupDialog,
 .contactsAddressBookSelector.contactsOverlayActive .contactsContactExistsAlert,
-.contactsAddressBookSelector.contactsOverlayActive .contactsPopupMessage *,
+.contactsAddressBookSelector.contactsOverlayActive .contactsPopupDialog *,
 .contactsAddressBookSelector.contactsOverlayActive .contactsContactExistsAlert * {
   pointer-events: auto;
 }
 
-/* SAM Look at finding a better name than popupMessage  */
-.contactsPopupMessage {
+.contactsPopupDialog {
   background: #F5F5F5 !important;
   color: var(--color-primary);
   padding: 2em;
@@ -441,7 +440,7 @@
     padding-top: 3rem !important;
   }
 
-  .contactsPopupMessage {
+  .contactsPopupDialog {
     max-width: 92vw;
     max-height: 78vh;
     padding: 1.25rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profile-pane",
-  "version": "3.1.2-ccc559aa",
+  "version": "3.1.2-e3347eef",
   "description": "A SolidOS compatible pane to display a personal profile page",
   "sideEffects": [
     "*.css"