From b1eb58a385e623a94349ada7a0a8048cd407ce51 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 19:41:26 +0200
Subject: [PATCH] fix: display zap split share and percentage on same line

---
 src/components/Settings/ZapSettings.tsx | 6 +++---
 src/styles/components/settings.css      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/ZapSettings.tsx b/src/components/Settings/ZapSettings.tsx
index 468cc044..bdad6b66 100644
--- a/src/components/Settings/ZapSettings.tsx
+++ b/src/components/Settings/ZapSettings.tsx
@@ -81,9 +81,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
           </div>
           
           <div className="setting-group">
-            <label className="setting-label">Your Share: {highlighterWeight}</label>
             <div className="zap-split-container">
               <div className="zap-split-labels">
+                <span className="zap-split-label">Your Share: {highlighterWeight}</span>
                 <span className="zap-split-label">({highlighterPercentage.toFixed(1)}%)</span>
               </div>
               <input
@@ -102,9 +102,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
           </div>
 
           <div className="setting-group">
-            <label className="setting-label">Author's Share: {authorWeight}</label>
             <div className="zap-split-container">
               <div className="zap-split-labels">
+                <span className="zap-split-label">Author's Share: {authorWeight}</span>
                 <span className="zap-split-label">({authorPercentage.toFixed(1)}%)</span>
               </div>
               <input
@@ -123,9 +123,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
           </div>
 
           <div className="setting-group">
-            <label className="setting-label">Boris' Share: {borisWeight.toFixed(1)}</label>
             <div className="zap-split-container">
               <div className="zap-split-labels">
+                <span className="zap-split-label">Boris' Share: {borisWeight.toFixed(1)}</span>
                 <span className="zap-split-label">({borisPercentage.toFixed(1)}%)</span>
               </div>
               <input
diff --git a/src/styles/components/settings.css b/src/styles/components/settings.css
index 8368b245..b8d43d4b 100644
--- a/src/styles/components/settings.css
+++ b/src/styles/components/settings.css
@@ -44,7 +44,7 @@
 .zap-split-container { width: 100%; }
 .zap-split-labels {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
   margin-bottom: 0.5rem;
   font-size: 0.85rem;
   color: var(--color-text-secondary);