REQUIREMENT: Numbered passages should have increased spacing for improved readability (closes #287)

JernestK · JernestK · commit 9213d86e446f · 2025-05-23T01:02:59.000+02:00
diff --git a/frontend/src/components/Passage.jsx b/frontend/src/components/Passage.jsx
@@ -26,7 +26,7 @@ function Passage({source, rubric, scholia, margin, sourceId, backend, setLastUpd
     }];
   }
   return (
-    <Row>
+    <Row className={`passage ${rubric ? 'numbered-passage' : ''}`}>
       <Col className="main">
         {!isFromScratch &&
           <Container>
diff --git a/frontend/src/styles/Passage.css b/frontend/src/styles/Passage.css
@@ -1,3 +1,7 @@
 mark {
   padding: 0 !important;
 }
+
+.numbered-passage {
+  margin-bottom: 1em;
+}

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ function Passage({source, rubric, scholia, margin, sourceId, backend, setLastUpd`
`26`	`26`	`}];`
`27`	`27`	`}`
`28`	`28`	`return (`
`29`		`- <Row>`
	`29`	+ <Row className={`passage ${rubric ? 'numbered-passage' : ''}`}>
`30`	`30`	`<Col className="main">`
`31`	`31`	`{!isFromScratch &&`
`32`	`32`	`<Container>`