From 841263f4ed5c1566eab1ee56a4c51043180aba90 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 12 Feb 2023 19:23:45 +0100
Subject: [PATCH] badge fixes

---
 packages/app/src/Element/Nip05.css        | 6 ------
 packages/app/src/Element/Nip05.tsx        | 4 +---
 packages/app/src/Element/Note.css         | 5 -----
 packages/app/src/Element/ProfileImage.css | 2 +-
 4 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/packages/app/src/Element/Nip05.css b/packages/app/src/Element/Nip05.css
index e0f26fd..bde7115 100644
--- a/packages/app/src/Element/Nip05.css
+++ b/packages/app/src/Element/Nip05.css
@@ -48,12 +48,6 @@
   margin-left: 0.2em;
 }
 
-@media (max-width: 720px) {
-  .nip05 {
-    font-size: var(--font-size-small);
-  }
-}
-
 @media (max-width: 420px) {
   .zap .pfp .display-name {
     align-items: center;
diff --git a/packages/app/src/Element/Nip05.tsx b/packages/app/src/Element/Nip05.tsx
index ae74c18..8a05370 100644
--- a/packages/app/src/Element/Nip05.tsx
+++ b/packages/app/src/Element/Nip05.tsx
@@ -62,9 +62,7 @@ const Nip05 = ({ nip05, pubkey, verifyNip = true }: Nip05Params) => {
           <span className="domain f-ellipsis" data-domain={domain?.toLowerCase()}>
             {domain}
           </span>
-          <span className="badge">
-            <Badge />
-          </span>
+          <Badge className="badge" />
         </>
       )}
     </div>
diff --git a/packages/app/src/Element/Note.css b/packages/app/src/Element/Note.css
index 3b4217a..98a5cd7 100644
--- a/packages/app/src/Element/Note.css
+++ b/packages/app/src/Element/Note.css
@@ -198,11 +198,6 @@
   margin-left: -1px;
 }
 
-.note .header .nip05 .badge {
-  width: 13px;
-  height: 13px;
-}
-
 .note .reactions-link {
   color: var(--font-secondary-color);
   font-weight: 400;
diff --git a/packages/app/src/Element/ProfileImage.css b/packages/app/src/Element/ProfileImage.css
index 73ed690..193d88f 100644
--- a/packages/app/src/Element/ProfileImage.css
+++ b/packages/app/src/Element/ProfileImage.css
@@ -38,8 +38,8 @@
 
 @media (max-width: 420px) {
   .pfp .display-name {
-    font-size: var(--font-size-small);
     flex-direction: row;
+    align-items: center;
   }
 }