todo css and lint

b12io · Oct 15, 2017 · 3ed8ad2 · 3ed8ad2
1 parent b64f307
commit 3ed8ad2
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/orchestra/models/core/mixins.py b/orchestra/models/core/mixins.py
@@ -1,6 +1,5 @@
 from pydoc import locate
 
-from django.conf import settings
 from django.db.models import Q
 
 from orchestra.core.errors import ModelSaveError

diff --git a/orchestra/static/orchestra/todos/todo-list.html b/orchestra/static/orchestra/todos/todo-list.html
@@ -12,11 +12,11 @@ <h3>
         </h3>
       </div>
     </div>
-    <div class="row padded" ng-if="todoList.ready">
+    <div class="row section-body" ng-if="todoList.ready">
       <div class="col-lg-12 col-md-12 col-sm-12">
         <form class="new-todo">
           <select name="todoList" id="todoList" ng-model="todoList.newTodoTaskId">
-            <option value="" selected>Select a task</option>
+            <option value="" selected>Select owner</option>
             <option value="{{task.id}}" ng-repeat="task in todoList.possibleTasks">{{task.step_slug}}</option>
           </select>
           <input type="text"
@@ -35,11 +35,13 @@ <h3>
         <div class="existing-todos">
           <div class="todo"
                ng-repeat="todo in todoList.todos">
-            <input type="checkbox"
-                   ng-model="todo.completed"
-                   ng-click="todoList.updateTodo(todo)">
-            {{todoList.taskSlugs[todo.task]}}
-            {{todo.description}}
+            <label>
+              <input type="checkbox"
+                     ng-model="todo.completed"
+                     ng-click="todoList.updateTodo(todo)">
+              <span class="todo__role">{{todoList.taskSlugs[todo.task]}}: </span>
+              <span class="todo__description">{{todo.description}}</span>
+            </label>
           </div>
         </div>
       </div>

diff --git a/orchestra/static/orchestra/todos/todo-list.scss b/orchestra/static/orchestra/todos/todo-list.scss
@@ -1,5 +1,18 @@
 .todo-list {
+  .section-body {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
   .new-todo {
     float: left;
   }
+
+  .todo {
+    padding-top: 5px;
+    &__role {
+      font-weight: 600;
+      padding-left: 5px;
+    }
+  }
 }