From fb1808d85a6ace0481fbdfbcf1b052ddb1b0157e Mon Sep 17 00:00:00 2001
From: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Date: Mon, 28 Aug 2017 19:37:22 +0200
Subject: [PATCH] misc client fixes (#8998)

* color selected difficulty icon

* misc fixes
---
 website/client/assets/scss/task.scss          | 2 +-
 website/client/components/tasks/column.vue    | 1 +
 website/client/components/tasks/task.vue      | 5 -----
 website/client/components/tasks/taskModal.vue | 2 +-
 4 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/website/client/assets/scss/task.scss b/website/client/assets/scss/task.scss
index c8eb80eb69..bf1ce9c5ce 100644
--- a/website/client/assets/scss/task.scss
+++ b/website/client/assets/scss/task.scss
@@ -181,7 +181,7 @@
   }
 
   &-reward {
-    background: rgba($yellow-500, 0.26);
+    background: #FFF5E5
   }
 
   &-daily-todo-disabled {
diff --git a/website/client/components/tasks/column.vue b/website/client/components/tasks/column.vue
index 435fe1c830..8babccbf65 100644
--- a/website/client/components/tasks/column.vue
+++ b/website/client/components/tasks/column.vue
@@ -50,6 +50,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
+    margin-top: 16px;
   }
 
   .tasks-list {
diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index f9f4753d8d..68c51fa116 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -281,11 +281,6 @@
     color: $gray-300;
     white-space: nowrap;
   }
-
-  .task-reward {
-    // @TODO: I'm unsure of where this is defined. Can't find it in search. So, I am using important for now
-    background-color: #ffd9a0 !important;
-  }
 </style>
 
 <script>
diff --git a/website/client/components/tasks/taskModal.vue b/website/client/components/tasks/taskModal.vue
index 444027cbd0..6de6dcceab 100644
--- a/website/client/components/tasks/taskModal.vue
+++ b/website/client/components/tasks/taskModal.vue
@@ -262,7 +262,7 @@
       }
 
       &-selected {
-        .option-item-label {
+        .svg-icon, .option-item-label {
           color: inherit !important;
         }
       }