<div class="p-1 m-1 form-inline">
<input type="text" class="form-control form-control-sm" id="note-text-input"
[(ngModel)]="noteText" placeholder="Note Text" i18n-placeholder/>
- <div class="form-check ml-2">
+ <div class="form-check ms-2">
<input class="form-check-input" type="checkbox"
[(ngModel)]="vendorPublic" id="vendor-public-cbox">
- <label class="form-check-label" for="vendor-public-cbox" i18n>
+ <label class="form-label form-check-label" for="vendor-public-cbox" i18n>
Vendor Public
</label>
</div>
- <button class="btn btn-sm btn-success ml-2" [disabled]="!noteText"
+ <button class="btn btn-sm btn-success ms-2" [disabled]="!noteText"
(click)="newNote()" i18n>New Note</button>
- <a class="ml-auto" href="javascript:;" (click)="close()" title="Close" i18n-title>
+ <a class="ms-auto" href="javascript:;" (click)="close()" title="Close" i18n-title>
<span class="material-icons text-danger">close</span>
</a>
</div>
<div class="text-primary" i18n>VENDOR PUBLIC</div>
</ng-container>
</div>
- <div class="flex-5 ml-2 p-1">{{note.value()}}</div>
- <div class="ml-2 p-1">{{note.create_time() | date:'short'}}</div>
- <div class="ml-2 p-1">
+ <div class="flex-5 ms-2 p-1">{{note.value()}}</div>
+ <div class="ms-2 p-1">{{note.create_time() | date:'short'}}</div>
+ <div class="ms-2 p-1">
<a href="javascript:;" class="text-danger"
(click)="deleteNote(note)" i18n>Delete</a>
</div>