[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

@@ -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;

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;