[profiles] Make the todoist connected widget clearer

vrobbler/templates/profiles/settings_form.html

@@ -142,8 +142,8 @@
 <div class="widget-links" style="margin-top: 16px;">
     <strong>Todoist Integration:</strong>
     {% if profile.todoist_auth_key %}
-        <p>Connected to Todoist</p>
-        <a href="{% url 'tasks:task_todoist_auth' %}" class="btn btn-sm btn-secondary">Reconnect to Todoist</a>
+        <p class="text-success"><strong>✓ Connected to Todoist</strong></p>
+        <a href="{% url 'tasks:task_todoist_auth' %}" class="btn btn-sm btn-outline-secondary">Reconnect to Todoist</a>
     {% else %}
         <p>Not connected</p>
         <a href="{{todoist_oauth_url}}" class="btn btn-sm btn-primary">Connect to Todoist</a>