fix docid formatting

app.py

@@ -20,22 +20,30 @@ def get_docid_html(docid):
     data_org, dataset, docid = docid.split("/")
     metadata = roots_datasets[dataset]
     if metadata.private:
-        docid_html = (
-            f"<a "
-            f'class="underline-on-hover"'
-            f'title="This dataset is private. See the introductory text for more information"'
-            f'style="color:#AA4A44;"'
-            f'href="https://huggingface.co/datasets/bigscience-data/{dataset}"'
-            f'target="_blank"><b>🔒{dataset}</b></a><span style="color: #7978FF;">/{docid}</span>'
+        docid_html = """
+        <a title="This dataset is private. See the introductory text for more information"
+            style="color:#AA4A44; font-weight: bold; text-decoration:none"
+            onmouseover="style='color:#AA4A44; font-weight: bold; text-decoration:underline'"
+            onmouseout="style='color:#AA4A44; font-weight: bold; text-decoration:none'"
+            href="https://huggingface.co/datasets/bigscience-data/{dataset}"
+            target="_blank">
+            🔒{dataset}
+        </a>
+        <span style="color:#7978FF; ">/{docid}</span>""".format(
+            dataset=dataset, docid=docid
         )
     else:
-        docid_html = (
-            f"<a "
-            f'class="underline-on-hover"'
-            f'title="This dataset is licensed {metadata.tags[0].split(":")[-1]}"'
-            f'style="color:#2D31FA;"'
-            f'href="https://huggingface.co/datasets/bigscience-data/{dataset}"'
-            f'target="_blank"><b>{dataset}</b></a><span style="color: #7978FF;">/{docid}</span>'
+        docid_html = """
+        <a title="This dataset is licensed {metadata}"
+            style="color:#7978FF; font-weight: bold; text-decoration:none"
+            onmouseover="style='color:#7978FF; font-weight: bold; text-decoration:underline'"
+            onmouseout="style='color:#7978FF; font-weight: bold; text-decoration:none'"
+            href="https://huggingface.co/datasets/bigscience-data/{dataset}"
+            target="_blank">
+            {dataset}
+        </a>
+        <span style="color:#7978FF; ">/{docid}</span>""".format(
+            metadata=metadata.tags[0].split(":")[-1], dataset=dataset, docid=docid
         )
     return docid_html