formatting

app.py

@@ -112,24 +112,34 @@ def format_result(result, highlight_terms, exact_search, datasets_filter=None):
         tokens_html = " ".join(tokens_html)
     tokens_html = process_pii(tokens_html)
 
-    meta_html = (
-        """<p class='underline-on-hover' style='font-size:12px; font-family: Arial; color:#585858; text-align: left;'>
-        <a href='{}' target='_blank'>{}</a></p>""".format(
-            url, url
+    url_html = (
+        """
+        <span style='font-size:12px; font-family: Arial; color:Silver; text-align: left;'>
+            <a style='text-decoration:none; color:Silver;'
+                onmouseover="style='text-decoration:underline; color:Silver;'"
+                onmouseout="style='text-decoration:none; color:Silver;'"
+                href='{url}'
+                target="_blank">
+                {url}
+            </a>
+        </span><br>
+    """.format(
+            url=url
         )
         if url is not None
         else ""
     )
     docid_html = get_docid_html(docid)
     language = "FIXME"
-    return """{}
-          <p style='font-size:14px; font-family: Arial; color:#7978FF; text-align: left;'>Document ID: {}</p>
-          <!--  <p style='font-size:12px; font-family: Arial; color:MediumAquaMarine'>Language: {}</p> -->
-          <p style='font-family: Arial;'>{}</p>
-          <br>
-      """.format(
-        meta_html, docid_html, language, tokens_html
+    result_html = """{}
+        <span style='font-size:14px; font-family: Arial; color:#7978FF; text-align: left;'>Document ID: {}</span><br>
+        <!--  <span style='font-size:12px; font-family: Arial; color:MediumAquaMarine'>Language: {}</span><br> -->
+        <span style='font-family: Arial;'>{}</span><br>
+        <br>
+    """.format(
+        url_html, docid_html, language, tokens_html
     )
+    return "<p>" + result_html + "</p>"
 
 
 def format_result_page(
@@ -139,20 +149,21 @@ def format_result_page(
     filtered_num_results = 0
     header_html = ""
 
-    # FIX lang detection by normalizing format on the backend
     if language == "detect_language" and not exact_search:
-        header_html += """<p style='font-family: Arial; color:MediumAquaMarine; text-align: center; line-height: 3em'>
-            Detected language: <b> FIX MEEEE !!! </b><hr></p><br>"""
+        header_html += """<div style='font-family: Arial; color:MediumAquaMarine; text-align: center; line-height: 3em'>
+            Detected language: <b style='color:MediumAquaMarine'>{}</b></div>""".format(
+            list(results.keys())[0]
+        )
 
     results_html = ""
     for lang, results_for_lang in results.items():
         if len(results_for_lang) == 0:
             if exact_search:
-                results_html += """<p style='font-family: Arial; color:Silver; text-align: left; line-height: 3em'>
-                    No results found.<hr></p>"""
+                results_html += """<div style='font-family: Arial; color:Silver; text-align: left; line-height: 3em'>
+                    No results found.</div>"""
             else:
-                results_html += """<p style='font-family: Arial; color:Silver; text-align: left; line-height: 3em'>
-                    No results for language: <b>{}</b><hr></p>""".format(
+                results_html += """<div style='font-family: Arial; color:Silver; text-align: left; line-height: 3em'>
+                    No results for language: <b>{}</b></div>""".format(
                     lang
                 )
             continue
@@ -168,15 +179,15 @@ def format_result_page(
             results_for_lang_html = f"""
                 <details>
                     <summary style='font-family: Arial; color:MediumAquaMarine; text-align: left; line-height: 3em'>
-                        Results for language: <b>{lang}</b><hr>
+                        Results for language: <b>{lang}</b>
                     </summary>
                     {results_for_lang_html}
                 </details>"""
         results_html += results_for_lang_html
 
     if num_results is not None:
-        header_html += """<p style='font-family: Arial; color:MediumAquaMarine; text-align: center; line-height: 3em'>
-            Total number of matches: <b>{}</b><hr></p><br>""".format(
+        header_html += """<div style='font-family: Arial; color:MediumAquaMarine; text-align: center; line-height: 3em'>
+            Total number of matches: <b style='color:MediumAquaMarine'>{}</b></div>""".format(
             filtered_num_results
         )
 
@@ -194,12 +205,9 @@ def extract_results_from_payload(query, language, payload, exact_search):
     if exact_search:
         highlight_terms = query
         num_results = payload["num_results"]
-        results = {language: results}
+        results = {"dummy": results}
     else:
         highlight_terms = payload["highlight_terms"]
-        # unify format - might be best fixed on server side
-        if language != "all":
-            results = {language: results}
 
     for lang, results_for_lang in results.items():
         processed_results[lang] = list()