Update flare-ui/src/app/components/projects/projects.component.html

flare-ui/src/app/components/projects/projects.component.html

@@ -4,21 +4,23 @@
       <h2>Projects</h2>
     </div>
     <div class="toolbar-right">
-      <button class="btn btn-primary" (click)="createProject()">
+      <button mat-raised-button color="primary" (click)="createProject()">
+        <mat-icon>add</mat-icon>
         New Project
       </button>
-      <button class="btn btn-secondary" (click)="importProject()">
+      <button mat-button (click)="importProject()">
+        <mat-icon>upload</mat-icon>
         Import Project
       </button>
-      <mat-form-field class="search-field" appearance="outline">
+      <mat-form-field appearance="outline" class="search-field">
         <mat-label>Search projects</mat-label>
-        <input matInput [(ngModel)]="searchTerm" (input)="filterProjects()" placeholder="Search...">
+        <input matInput [(ngModel)]="searchTerm" (input)="filterProjects()">
         <mat-icon matSuffix>search</mat-icon>
       </mat-form-field>
       <mat-checkbox [(ngModel)]="showDeleted" (change)="loadProjects()">
         Display Deleted
       </mat-checkbox>
-      <mat-button-toggle-group class="view-toggle" [(ngModel)]="viewMode">
+      <mat-button-toggle-group [(ngModel)]="viewMode" class="view-toggle">
         <mat-button-toggle value="card">
           <mat-icon>view_module</mat-icon>
         </mat-button-toggle>