misc client fixes (#8998)

* color selected difficulty icon

* misc fixes

website/client/assets/scss/task.scss

@@ -181,7 +181,7 @@
   }
 
   &-reward {
-    background: rgba($yellow-500, 0.26);
+    background: #FFF5E5
   }
 
   &-daily-todo-disabled {

website/client/components/tasks/column.vue

@@ -50,6 +50,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
+    margin-top: 16px;
   }
 
   .tasks-list {

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>

website/client/components/tasks/taskModal.vue

@@ -262,7 +262,7 @@
       }
 
       &-selected {
-        .option-item-label {
+        .svg-icon, .option-item-label {
           color: inherit !important;
         }
       }