Preventing text from wrapping around checkbox

b12io · Jun 20, 2018 · fe2a54d · fe2a54d
1 parent eb924fe
commit fe2a54d
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 17 deletions.
diff --git a/orchestra/static/dist/main.css b/orchestra/static/dist/main.css
@@ -2325,28 +2325,32 @@ a.logo {
   margin-top: 70px; }
   .list-by-status h4 {
     padding-bottom: 10px; }
-  .list-by-status .todo input[type=checkbox] {
-    transform: scale(1.1); }
-  .list-by-status .todo label {
-    align-items: end;
-    display: inline; }
-  .list-by-status .todo__role {
-    font-weight: 500;
-    padding-left: 5px; }
-  .list-by-status .todo__dates {
-    padding-left: 5px;
-    font-style: italic;
-    color: #999; }
-    .list-by-status .todo__dates-danger {
-      color: #a94442; }
-    .list-by-status .todo__dates-separator {
-      font-style: normal; }
+  .list-by-status .todo {
+    margin-left: 18px; }
+    .list-by-status .todo input[type=checkbox] {
+      transform: scale(1.1);
+      margin-left: -22px; }
+    .list-by-status .todo label {
+      align-items: end;
+      display: inline; }
+    .list-by-status .todo__role {
+      font-weight: 500;
+      padding-left: 5px; }
+    .list-by-status .todo__dates {
+      padding-left: 5px;
+      font-style: italic;
+      color: #999; }
+      .list-by-status .todo__dates-danger {
+        color: #a94442; }
+      .list-by-status .todo__dates-separator {
+        font-style: normal; }
   .list-by-status .angular-ui-tree-node {
     padding-top: 5px;
     padding-bottom: 0; }
   .list-by-status .fa-circle-o {
     font-size: xx-small;
-    vertical-align: middle; }
+    vertical-align: middle;
+    margin-left: -18px; }
   .list-by-status .angular-ui-tree-handle > label {
     cursor: pointer; }
 .angular-ui-tree-empty, .angular-ui-tree-dropzone {

diff --git a/orchestra/static/orchestra/todos/todo-checklist.scss b/orchestra/static/orchestra/todos/todo-checklist.scss
@@ -5,8 +5,10 @@
     padding-bottom: 10px;
   }
   .todo {
+    margin-left: 18px;
     input[type=checkbox] {
       transform: scale(1.1);
+      margin-left: -22px;
     }
     label {
       align-items: end;
@@ -37,6 +39,7 @@
   .fa-circle-o {
     font-size: xx-small;
     vertical-align: middle;
+    margin-left: -18px;
   }
 
   .angular-ui-tree-handle > label{