Update app.py

app.py

@@ -174,6 +174,9 @@ STYLE = """
 .nonselected-sequence {
     background-color: var(--primary-500);
 }
+.nopadding {
+    padding-left: 0;
+}
 """
 
 
@@ -216,10 +219,10 @@ def generate_nodes(node, step):
             selected_class = "selected-sequence"
         else:
             selected_class = "nonselected-sequence"
-        return f"<li> <a href='#' class='end-of-text child {selected_class}'> <span> <b>{clean(token)}</b> <br>Total score: {node.total_score:.2f}</span> </a> </li>"
+        return f"<li> <a class='end-of-text child {selected_class}'> <span> <b>{clean(token)}</b> <br>Total score: {node.total_score:.2f}</span> </a> </li>"
 
     html_content = (
-        f"<li> <a href='#' class='nonfinal child'> <span> <b>{clean(token)}</b> </span>"
+        f"<li> <a class='nonfinal child'> <span> <b>{clean(token)}</b> </span>"
     )
     if node.table is not None:
         html_content += node.table
@@ -238,7 +241,7 @@ def generate_nodes(node, step):
 def generate_html(start_sentence, original_tree):
     html_output = f"""<div class="custom-container">
 				<div class="tree">
-                <ul> <li> <a href='#' id='root'> <span> <b>{start_sentence}</b> </span> {original_tree.table} </a>"""
+                <ul> <li> <a id='root' class="nopadding"> <span> <b>{start_sentence}</b> </span> {original_tree.table} </a>"""
     html_output += "<ul> "
     for subnode in original_tree.children.values():
         html_output += generate_nodes(subnode, step=1)
@@ -487,7 +490,7 @@ This parameter will not impact the beam search paths, but only influence the cho
     )
     with gr.Row():
         n_steps = gr.Slider(
-            label="Number of steps", minimum=1, maximum=10, step=1, value=10
+            label="Number of steps", minimum=1, maximum=12, step=1, value=5
         )
         n_beams = gr.Slider(
             label="Number of beams", minimum=2, maximum=4, step=1, value=4