Trying to style todo list

ownchatbot/templates/mgmt.html

@@ -439,12 +439,12 @@
                     {% if item.crossed == 'no' %}
                         <li style="text-decoration:none;">
                             {{ item.name }}
-                            <a href="{{ url_for('web_panels.cross', item_id=loop.index0) }}">[Cross Off]</a><span style="color: red;"><a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}">Remove</a></span>
+                            <a href="{{ url_for('web_panels.cross', item_id=loop.index0) }}">[Cross Off]</a>&nbsp;<span style="color: red;"><a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}">[Remove]</a></span>
                         </li>
                     {% else %}
                         <li> <span style="text-decoration:line-through;">
                             {{ item.name }}</span>
-                            <a href="{{ url_for('web_panels.uncross', item_id=loop.index0) }}">[Un-Cross]</a><span style="color: red;"><a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}">Remove</a></span>
+                            <a href="{{ url_for('web_panels.uncross', item_id=loop.index0) }}">[Un-Cross]</a>&nbsp;<span style="color: red;"><a href="{{ url_for('web_panels.rem_todo_item', item_id=loop.index0) }}">[Remove]</a></span>
                         </li>
                     {% endif %}
                 {% endfor %}