From 2b9584101fc0c5750a70fb85bf6ee929a1d16608 Mon Sep 17 00:00:00 2001
From: "Laurent Stukkens (LTU)" <ltu@odoo.com>
Date: Mon, 30 Aug 2021 09:52:10 +0000
Subject: [PATCH] [IMP] project: improve milestones design

closes odoo/odoo#75734

Related: odoo/enterprise#18045
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
---
 addons/project/static/src/js/right_panel/project_utils.js | 4 ++--
 addons/project/static/src/scss/project_rightpanel.scss    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/addons/project/static/src/js/right_panel/project_utils.js b/addons/project/static/src/js/right_panel/project_utils.js
index 5751f31af54..719dfd06dfb 100644
--- a/addons/project/static/src/js/right_panel/project_utils.js
+++ b/addons/project/static/src/js/right_panel/project_utils.js
@@ -72,7 +72,7 @@ export class OpenMilestone extends MilestoneComponent {
         super(...arguments);
         this.milestone = useState(this.props.milestone);
         this.state.colorClass = this.milestone.is_deadline_exceeded ? "o_milestone_danger" : "";
-        this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square" : "fa-square-o";
+        this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square-o" : "fa-square-o";
     }
 
     get OPEN_PROJECT_MILESTONE() {
@@ -87,7 +87,7 @@ export class OpenMilestone extends MilestoneComponent {
         if (nextProps.milestone) {
             this.milestone = nextProps.milestone;
             this.state.colorClass = this.milestone.is_deadline_exceeded ? "o_milestone_danger" : "";
-            this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square" : "fa-square-o";
+            this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square-o" : "fa-square-o";
         }
         if (nextProps.context) {
             this.contextValue = nextProps.context;
diff --git a/addons/project/static/src/scss/project_rightpanel.scss b/addons/project/static/src/scss/project_rightpanel.scss
index 230c2a4f4bd..4755f7e9f2c 100644
--- a/addons/project/static/src/scss/project_rightpanel.scss
+++ b/addons/project/static/src/scss/project_rightpanel.scss
@@ -88,7 +88,7 @@ html .o_web_client > .o_action_manager > .o_action > .o_content > .o_controller_
                 margin-bottom: $o-rightpanel-p-tiny;
                 display: flex;
                 &.o_milestone_danger {
-                    color: red;
+                    color: $red;
                 }
                 .o_milestone_checkbox {
                     cursor: pointer;