diff --git a/src/components/Note/NoteHeader/NoteHeader.module.scss b/src/components/Note/NoteHeader/NoteHeader.module.scss
index 9ffcdee..8b7e985 100644
--- a/src/components/Note/NoteHeader/NoteHeader.module.scss
+++ b/src/components/Note/NoteHeader/NoteHeader.module.scss
@@ -55,6 +55,7 @@
overflow: hidden;
max-width: 360px;
color: var(--text-primary);
+ margin-right: 2px;
}
.time{
margin: 0px 2px;
diff --git a/src/components/PeopleList/PeopleList.tsx b/src/components/PeopleList/PeopleList.tsx
index 61a72b0..785026a 100644
--- a/src/components/PeopleList/PeopleList.tsx
+++ b/src/components/PeopleList/PeopleList.tsx
@@ -23,7 +23,7 @@ const PeopleList: Component<{ people: PrimalUser[], label: string}> = (props) =>
diff --git a/src/components/ProfileWidget/ProfileWidget.tsx b/src/components/ProfileWidget/ProfileWidget.tsx
index 2e2ebda..8060d98 100644
--- a/src/components/ProfileWidget/ProfileWidget.tsx
+++ b/src/components/ProfileWidget/ProfileWidget.tsx
@@ -21,7 +21,7 @@ const ProfileWidget: Component = () => {
diff --git a/src/components/ReplyToNote/ReplyToNote.tsx b/src/components/ReplyToNote/ReplyToNote.tsx
index 2610c86..baafa6d 100644
--- a/src/components/ReplyToNote/ReplyToNote.tsx
+++ b/src/components/ReplyToNote/ReplyToNote.tsx
@@ -89,7 +89,7 @@ const ReplyToNote: Component<{ note: PrimalNote, onNotePosted?: (note: SendNoteR
@@ -117,7 +117,7 @@ const ReplyToNote: Component<{ note: PrimalNote, onNotePosted?: (note: SendNoteR
diff --git a/src/components/VerificationCheck/VerificationCheck.module.scss b/src/components/VerificationCheck/VerificationCheck.module.scss
index 94a090c..fbb739d 100644
--- a/src/components/VerificationCheck/VerificationCheck.module.scss
+++ b/src/components/VerificationCheck/VerificationCheck.module.scss
@@ -3,7 +3,6 @@
width: 100%;
height: 100%;
display: inline-block;
- margin-inline: 2px;
background-color: var(--text-tertiary-2);
-webkit-mask: url(../../assets/icons/verified.svg) no-repeat 0 / 100%;
mask: url(../../assets/icons/verified.svg) no-repeat 0 / 100%;
@@ -12,15 +11,15 @@
.verificationIcon {
width: 15px;
height: 15px;
- display: inline-block;
position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.verifiedIconPrimal {
width: 100%;
height: 100%;
- display: inline-block;
- margin-inline: 2px;
background: var(--brand-gradient);
-webkit-mask: url(../../assets/icons/verified.svg) no-repeat 0 / 100%;
mask: url(../../assets/icons/verified.svg) no-repeat 0 / 100%;
@@ -31,7 +30,8 @@
height: 11px;
position: absolute;
top: 2px;
- left: 4px;
+ left: 2px;
border-radius: 50%;
background-color: white;
+ position: absolute;
}
diff --git a/src/components/VerificationCheck/VerificationCheck.tsx b/src/components/VerificationCheck/VerificationCheck.tsx
index 426fd2c..de6b12a 100644
--- a/src/components/VerificationCheck/VerificationCheck.tsx
+++ b/src/components/VerificationCheck/VerificationCheck.tsx
@@ -32,7 +32,13 @@ const VerificationCheck: Component<{ user: PrimalUser | undefined }> = (props) =
})
return (
-
+
+
+ }
+ >