Merge pull request #1328 from push-protocol/SDK-1299-Tooltip-not-prop…

…erly-aligned fix: tooltip was not properly aligned
push-protocol · May 31, 2024 · cc8dc28 · cc8dc28
2 parents 58636d0 + bbf6778
commit cc8dc28
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx
@@ -423,7 +423,6 @@ const GroupInformation = ({
         <Section
           borderRadius="16px"
           flexDirection="column"
-          gap="16px"
         >
           {groupMembers.loading ? (
             <Spinner
@@ -1014,7 +1013,7 @@ const GroupDescription = styled.div`
   gap: 5px;
 `;
 
-const PublicEncrypted = styled(Section)<{ alert?: boolean }>`
+const PublicEncrypted = styled(Section) <{ alert?: boolean }>`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -1040,7 +1039,7 @@ const AddWalletContainer = styled.div`
   align-items: center;
 `;
 
-const ConditionSection = styled(Section)<{ theme: IChatTheme }>`
+const ConditionSection = styled(Section) <{ theme: IChatTheme }>`
   &::-webkit-scrollbar-thumb {
     background: ${(props) => props.theme.scrollbarColor};
     border-radius: 10px;
@@ -1053,7 +1052,7 @@ const ConditionSection = styled(Section)<{ theme: IChatTheme }>`
   }
 `;
 
-const ScrollSection = styled(Section)<{ theme: IChatTheme }>`
+const ScrollSection = styled(Section) <{ theme: IChatTheme }>`
   &::-webkit-scrollbar-thumb {
     background: ${(props) => props.theme.scrollbarColor};
     border-radius: 10px;

diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx
@@ -110,6 +110,7 @@ export const PendingMembers = ({
           justifyContent="start"
           borderRadius="12px"
           theme={theme}
+          padding='10px 0 0 0'
         >
           {showPendingRequests &&
             pendingMembers &&
@@ -304,6 +305,7 @@ export const AcceptedMembers = ({
         overflow="hidden auto"
         maxHeight="15rem"
         theme={theme}
+        padding='10px 0 0 0'
       >
         {acceptedMembers.map((item, index) => (
           <MemberProfileCard
@@ -371,7 +373,7 @@ const PendingSection = styled.div`
   align-items: center;
   flex: 1;
   cursor: pointer;
-  padding: 15px 20px;
+  padding: 15px 20px 5px 20px;
   box-sizing: border-box;
 `;