Fix CSS for To-Do List on mobile

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>

app/assets/stylesheets/page_bundles/todos.scss

@@ -219,7 +219,6 @@
 .todos-empty-content {
   align-self: center;
   max-width: 480px;
-  margin-right: 20px;
 }
 
 .todos-empty-hero {

app/views/dashboard/todos/index.html.haml

@@ -114,7 +114,7 @@
     .todos-empty
       .todos-empty-hero.svg-content
         = image_tag 'illustrations/todos_empty.svg'
-      .todos-empty-content
+      .todos-empty-content.gl-mx-5
         %h4
           Your To-Do List shows what to work on next
         %p

changelogs/unreleased/271528-todo-css-on-mobile.yml

+---
+title: Fix CSS for To-Do List on mobile
+merge_request: 45969
+author: Takuya Noguchi
+type: fixed