From 884a256bd4e1ac0c1452fbdc81ab1c4fda5c4a91 Mon Sep 17 00:00:00 2001
From: fsimonjetz <fabian.simonjetz@ruhr-uni-bochum.de>
Date: Tue, 26 Sep 2023 14:14:06 +0000
Subject: [PATCH] Fix layout

---
 src/fragmentarium/ui/ngram-matching/NgramMatching.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/fragmentarium/ui/ngram-matching/NgramMatching.tsx b/src/fragmentarium/ui/ngram-matching/NgramMatching.tsx
index c5a78d1fb..8e6f51f4e 100644
--- a/src/fragmentarium/ui/ngram-matching/NgramMatching.tsx
+++ b/src/fragmentarium/ui/ngram-matching/NgramMatching.tsx
@@ -37,7 +37,7 @@ function NgramMatching({
         new FragmentCrumb(number),
         new TextCrumb('N-Gram Matching'),
       ]}
-      title={`N-Gram Matching for ${number}`}
+      title={`Find Similar Chapters for ${number}`}
     >
       <SessionContext.Consumer>
         {(session: Session): ReactNode =>
@@ -47,6 +47,7 @@ function NgramMatching({
               <Container>
                 {ngramScores.map((score, index) => (
                   <Row key={index}>
+                    <Col xs={1}>{index + 1}.</Col>
                     <Col>
                       <Markdown text={genreFromAbbr(score.textId.genre)} />
                       {score.textName && (
@@ -58,7 +59,7 @@ function NgramMatching({
                       {' > '}
                       {chapterIdToString(_.omit(score, 'score', 'textName'))}
                     </Col>
-                    <Col>{score.score.toFixed(4)}</Col>
+                    <Col xs={1}>{score.score.toFixed(4)}</Col>
                   </Row>
                 ))}
               </Container>