Fix calendar style

frontend/src/pages/Settings.tsx

@@ -25,6 +25,7 @@ export function Settings(): ReactNode {
   )
   const [saveMessage, setSaveMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
   const [isSaving, setIsSaving] = useState(false)
+  const [newPartnerName, setNewPartnerName] = useState('')
 
   const isLoading = wsLoading || vacLoading || bpLoading
 
@@ -163,6 +164,30 @@ export function Settings(): ReactNode {
     }
   }
 
+  const handleAddPartner = async () => {
+    if (!newPartnerName.trim() || !workspace?.id) {
+      setSaveMessage({ type: 'error', text: 'Please enter a partner name' })
+      return
+    }
+
+    try {
+      setIsSaving(true)
+      setSaveMessage(null)
+      await api.addPartner(workspace.id, newPartnerName)
+      await refreshContext()
+      setNewPartnerName('')
+      setSaveMessage({ type: 'success', text: 'Partner added! Refresh the page to see changes.' })
+      setTimeout(() => setSaveMessage(null), 3000)
+    } catch (err) {
+      setSaveMessage({
+        type: 'error',
+        text: err instanceof Error ? err.message : 'Failed to add partner',
+      })
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
   return (
     <Layout>
       <div data-testid="settings-page" className="settings-page">
@@ -258,6 +283,34 @@ export function Settings(): ReactNode {
             onRemove={handleRemoveBreakPeriod}
           />
         </section>
+
+        <section className="settings-page__section">
+          <h2>Partner</h2>
+          <p>Add a partner to plan parental leave together.</p>
+          <div style={{ display: 'flex', gap: '8px' }}>
+            <input
+              type="text"
+              placeholder="Partner name"
+              value={newPartnerName}
+              onChange={(e) => setNewPartnerName(e.target.value)}
+              disabled={isSaving}
+              style={{
+                flex: 1,
+                padding: '8px 10px',
+                border: '1px solid #d0d0d0',
+                borderRadius: '4px',
+              }}
+            />
+            <button
+              onClick={handleAddPartner}
+              className="settings-page__button"
+              disabled={isSaving}
+              data-testid="add-partner-button"
+            >
+              {isSaving ? 'Adding...' : 'Lägg till partner'}
+            </button>
+          </div>
+        </section>
       </div>
     </Layout>
   )