Update app.py

app.py

@@ -4,18 +4,27 @@ All actions are performed on the client side.
 """
 import gradio as gr
 
-tasks = ["Get a job", "Marry a rich person", "", "", "", ""]
+tasks = ["Get a job", "Marry rich", "", "", "", ""]
 textboxes = []
 rows = []
 
 with gr.Blocks() as demo:
-    gr.Markdown("# A Simple Interactive Todo List")
-    for i in range(6):
-        with gr.Row() as r:
-            t = gr.Textbox(tasks[i], placeholder="Enter a task", show_label=False, container=False, scale=7, interactive=True)
-            b = gr.Button("✔️", interactive=bool(tasks[i]))
-        t.change(lambda : gr.Button(interactive=True), None, b)
-        b.click(lambda : gr.Row(visible=False), None, r)
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown("# A Simple Interactive Todo List")
+        with gr.Column(scale=2):
+            with gr.Row():
+                hide_button = gr.Button("Hide all tasks", variant="stop")
+                show_button = gr.Button("Show all tasks")
+    with gr.Column() as c:
+        for i in range(6):
+            with gr.Row() as r:
+                t = gr.Textbox(tasks[i], placeholder="Enter a task", show_label=False, container=False, scale=7, interactive=True)
+                b = gr.Button("✔️", interactive=bool(tasks[i]), variant="primary" if tasks[i] else "secondary")
+            t.change(lambda : gr.Button(interactive=True, variant="primary"), None, b)
+            b.click(lambda : gr.Row(visible=False), None, r)
+    hide_button.click(lambda : gr.Column(visible=False), None, c)
+    show_button.click(lambda : gr.Column(visible=True), None, c)
 
     # Add a button to add a new task