diff --git a/src/Element/Zap.css b/src/Element/Zap.css index c7b3f2c1..ab8b4c3d 100644 --- a/src/Element/Zap.css +++ b/src/Element/Zap.css @@ -17,8 +17,7 @@ .zap .summary { display: flex; - align-items: center; - justify-content: space-between; + flex-direction: row; } .zap .amount { @@ -33,12 +32,15 @@ content: ''; } +.top-zap .summary { + color: var(--font-secondary-color); +} + .zaps-summary { margin-top: 8px; display: flex; flex-direction: row; - align-items: center; - justify-content: center; + margin-left: 52px; } .top-zap { @@ -51,13 +53,6 @@ margin-right: .3em; } -.top-zap .summary { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - .top-zap .avatar { width: 21px; height: 21px; @@ -67,6 +62,12 @@ display: none; } +.top-zap .summary { + display: flex; + flex-direction: row; + align-items: center; +} + .amount-number { font-weight: bold; } diff --git a/src/Element/Zap.tsx b/src/Element/Zap.tsx index adfc7288..41a22268 100644 --- a/src/Element/Zap.tsx +++ b/src/Element/Zap.tsx @@ -125,10 +125,11 @@ export const ZapsSummary = ({ zaps }: ZapsSummaryProps) => { {amount && (