+
{title}
diff --git a/src/Element/Zap.css b/src/Element/Zap.css
index ab8b4c3d..c9722dc7 100644
--- a/src/Element/Zap.css
+++ b/src/Element/Zap.css
@@ -2,17 +2,26 @@
min-height: unset;
}
+.zap .header .pfp {
+ overflow: hidden;
+}
+
+.zap .header {
+ flex-direction: row;
+}
+
+.zap .header .amount {
+ font-size: 32px;
+}
+
+.zap .header .pfp {
+ max-width: 72%;
+}
+
@media (max-width: 520px) {
- .zap .header {
- flex-direction: column;
- }
.zap .header .pfp {
- width: 100%;
padding: 4px;
}
- .zap .header .amount {
- font-size: 32px;
- }
}
.zap .summary {
@@ -76,10 +85,6 @@
content: ", ";
}
-.note.zap > .header {
- align-items: center;
-}
-
.note.zap > .body {
margin-bottom: 0;
}
diff --git a/src/Pages/ProfilePage.tsx b/src/Pages/ProfilePage.tsx
index 34c3aa15..76f0ae0b 100644
--- a/src/Pages/ProfilePage.tsx
+++ b/src/Pages/ProfilePage.tsx
@@ -123,7 +123,7 @@ export default function ProfilePage() {
case ProfileTab.Zaps: {
return (
-
{formatShort(zapsTotal)} sats
+ {formatShort(zapsTotal)} sats
{zaps.map(z => )}
)
diff --git a/src/index.css b/src/index.css
index 29288979..c429d067 100644
--- a/src/index.css
+++ b/src/index.css
@@ -539,3 +539,11 @@ body.scroll-lock {
.bold {
font-weight: 700;
}
+
+.main-content .h4 {
+ margin-bottom: 25px;
+}
+
+.main-content .profile-preview {
+ margin-bottom: 16px;
+}