From 65b42cc0eba7b7669919bc5de7029ddaa42b05dd Mon Sep 17 00:00:00 2001
From: Peter Bugan <buganpeter@gmail.com>
Date: Sat, 8 Jun 2019 16:35:32 +0200
Subject: [PATCH] Fixed responsivity

---
 .../_custom/todo-list/todo-list.scss          | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/_custom/todo-list/todo-list.scss b/src/components/_custom/todo-list/todo-list.scss
index e5c845c2f2..bf21240965 100644
--- a/src/components/_custom/todo-list/todo-list.scss
+++ b/src/components/_custom/todo-list/todo-list.scss
@@ -51,6 +51,8 @@ $sdn-todo-list-button-conjunction-text-color: #000000;
 
         @include mq ($until: tablet) {
           display: block;
+
+          @include govuk-clearfix;
         }
 
         &:last-child {
@@ -67,6 +69,8 @@ $sdn-todo-list-button-conjunction-text-color: #000000;
 
           @include mq ($until: tablet) {
             display: block;
+
+            @include govuk-clearfix;
           }
 
           .snd-todo-list__item__info {
@@ -76,10 +80,6 @@ $sdn-todo-list-button-conjunction-text-color: #000000;
             &:not(:last-child) {
               margin-right: 20px;
             }
-
-            @include mq ($until: tablet) {
-              margin-left: 30px;
-            }
           }
         }
       }
@@ -102,7 +102,14 @@ $sdn-todo-list-button-conjunction-text-color: #000000;
 
     @include mq ($until: tablet) {
       display: block;
-      margin-left: 30px;
+      margin-top: 15px;
+      margin-left: 35px;
+    }
+  }
+
+  .sdn-todo-list--readonly .snd-todo-list__link {
+    @include mq ($until: tablet) {
+      margin-left: auto;
     }
   }
 
@@ -253,8 +260,11 @@ $sdn-todo-list-button-conjunction-text-color: #000000;
     @include govuk-text-colour;
 
     display: block;
-
     margin-bottom: govuk-spacing(1);
+
+    &.govuk-checkboxes__label {
+      float: none;
+    }
   }
 
   // Modifiers that make labels look more like their equivalent headings