fixed small markup bug

frontend/src/components/Evaluate.js

@@ -87,7 +87,7 @@ const Evaluate = () => {
       </Button>
     );
   return (
-    <div className="uk-container uk-container-expand uk-margin-medium-top uk-margin-large-top@l ">
+    <div className="uk-container uk-container-expand">
       <div className="metric-layout">
         <div>
           <FileInput setCalculation={setComputedCalculation} />

frontend/src/components/OneHypRef.js

@@ -25,10 +25,10 @@ const OneHypRefResult = ({ className, calculation }) => {
         <tbody>
           <tr>
             <td>
-              <Markup markups={hypothesis} markupState={markupState} />
+              <Markup markups={reference} markupState={markupState} />
             </td>
             <td>
-              <Markup markups={reference} markupState={markupState} />
+              <Markup markups={hypothesis} markupState={markupState} />
             </td>
           </tr>
         </tbody>

frontend/src/utils/markup.js

@@ -127,7 +127,8 @@ const compute_matches = (docs, min_length, allow_self_similarities) => {
   let curr_start = 0;
   let curr_depth = 0;
 
-  for (let i = 0; i < lcp_array.length; i++) {
+  let i = 0
+  while (i < lcp_array.length) {
     if (lcp_array[i] > curr_depth) {
       start.push(curr_start);
       depth.push(curr_depth);
@@ -147,7 +148,7 @@ const compute_matches = (docs, min_length, allow_self_similarities) => {
         curr_start = start.pop();
         curr_depth = depth.pop();
       }
-    }
+    } else i++
   }
 
   const matches = [];