<span (click)="edit()" [class.unassigned]="!objective.assignments.length">
    <span class="objective-name"
            matBadge="{{commitmentTypeBadge()}}"
            matBadgeColor="{{commitmentTypeBadgeColour()}}"
            matBadgePosition="above before"
            matBadgeOverlap="false">{{objective.name}}</span>
    <span class="resource-estimate"> ({{objective.resourceEstimate}} {{unit}})</span>
</span>
<span *ngIf="objective.notes" class="icons"><i (click)="edit()" matTooltip="{{objective.notes}}" class="material-icons notes-icon">notes</i></span>
<span (click)="assign()" class="assignments" [class.fully-allocated]="isFullyAllocated()" [class.warning]="!isFullyAllocated()">{{assignmentSummary()}}</span>
<button *ngIf="!objective.assignments.length" [disabled]="!isEditingEnabled || objective.resourceEstimate <= 0" (click)="assign()" mat-button color="primary">Assign</button>

<span (click)="edit()" [class.unassigned]="!objective.assignments.length">
    <span class="objective-name"
            matBadge="{{commitmentTypeBadge()}}"
            matBadgeColor="{{commitmentTypeBadgeColour()}}"
            matBadgePosition="above before"
            matBadgeOverlap="false">{{objective.name}}</span>
    <span class="resource-estimate"> ({{objective.resourceEstimate}} {{unit}})</span>
</span>
<span *ngIf="objective.notes" class="icons"><i (click)="edit()" matTooltip="{{objective.notes}}" matTooltipHideDelay="2000" class="material-icons notes-icon">note</i></span>
<span (click)="assign()" class="assignments" [class.fully-allocated]="isFullyAllocated()" [class.warning]="!isFullyAllocated()">{{assignmentSummary()}}</span>
<button *ngIf="!objective.assignments.length" [disabled]="!isEditingEnabled || objective.resourceEstimate <= 0" (click)="assign()" mat-button color="primary">Assign</button>

Change note icon and add tooltip delay
Change note icon and add tooltip delay
