Adjust styles for new Lockicon

hypothesis · Nov 12, 2024 · 35a67eb · 35a67eb
1 parent c9a41a2
commit 35a67eb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/sidebar/components/Annotation/AnnotationHeader.tsx b/src/sidebar/components/Annotation/AnnotationHeader.tsx
@@ -113,10 +113,10 @@ function AnnotationHeader({
 
   return (
     <header>
-      <div className="flex gap-x-1 items-baseline flex-wrap-reverse">
+      <div className="flex gap-x-1 items-center flex-wrap-reverse">
         {isPrivate(annotation.permissions) && !isEditing && (
           <LockIcon
-            className="w-[10px] h-[10px]"
+            className="w-[12px] h-[12px]"
             title="This annotation is visible only to you"
           />
         )}

diff --git a/src/sidebar/components/ShareDialog/ShareAnnotations.tsx b/src/sidebar/components/ShareDialog/ShareAnnotations.tsx
@@ -94,7 +94,7 @@ function ShareAnnotations({ toastMessenger }: ShareAnnotationsProps) {
             )}{' '}
             <span>
               Private (
-              <LockIcon className="inline w-em h-em ml-0.5 -mt-0.5" />{' '}
+              <LockIcon className="inline w-[14px] h-[14px] -mt-0.5" />{' '}
               <em>Only Me</em>) annotations are only visible to you.
             </span>
           </p>