From 514e119a34a1733020876a28cb24aa07f5539398 Mon Sep 17 00:00:00 2001
From: VIALA Morgane <94739008+Lysakolie@users.noreply.github.com>
Date: Tue, 26 May 2026 14:55:14 +0200
Subject: [PATCH] IMPROVEMENT: Gloses in Hexapla should be better separated
 visually (closes #423).

Co-authored-by: Gabriel DOSNE <gabriel.dosne@utt.fr>
Co-authored-by: Arthur DE PETIGNY <151913121+ragxorus@users.noreply.github.com>
---
 frontend/src/components/Passage.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Passage.jsx b/frontend/src/components/Passage.jsx
index 7001609e..e8f1685b 100644
--- a/frontend/src/components/Passage.jsx
+++ b/frontend/src/components/Passage.jsx
@@ -45,12 +45,14 @@ function Passage({source, rubric, scholia, margin, sourceId, isComposite, rawEdi
 }
 
 function PassageSource({children, isComposite, highlightedText, setHighlightedText, setFragment, selectedText, setSelectedText, margin}) {
+  const styleOdd = {borderLeft: '1px #AAA solid', backgroundColor: '#efefef'};
+  const styleEven = {borderLeft: '1px #AAA solid', backgroundColor: '#f8f8ff'};
   return (
     <Col className="position-relative">
       {isComposite ? (
         <Row>
           {children.map((chunk, index) =>
-            <Col key={index}>
+            <Col key={index} style={index === 0 ? {} : (index % 2 === 0 ? styleEven : styleOdd)}>
               <SelectableFormattedText {...{highlightedText, setHighlightedText, setSelectedText}}>
                 {chunk}
               </SelectableFormattedText>