Updating event search

src/RunnersMeet.Client/src/app/pages/events-page/events-page.component.html

@@ -1,17 +1,18 @@
 <h1>Events</h1>
-<a mat-icon-button [routerLink]="['/events/edit/new']"><mat-icon aria-hidden="false" aria-label="Create" fontIcon="add_circle"></mat-icon></a>
 
 <form class="vertical-form" (ngSubmit)="search($event)">
-	<mat-checkbox name="showMyEvents" [(ngModel)]="showMyEvents">
-		Show <em>my</em> events
-	</mat-checkbox>
-	<mat-form-field appearance="fill">
-		<mat-label>Event title</mat-label>
-		<input matInput name="titleFilter" [(ngModel)]="titleFilter">
-	</mat-form-field>
+	<div class="field-checkbox">
+		<p-checkbox name="showMyEvents" [(ngModel)]="showMyEvents" [binary]="true" inputId="showMyEvents"></p-checkbox>
+		<label for="showMyEvents">Show <em>my</em> events</label>
+	</div>
+
+	<span class="p-input-icon-left">
+		<i class="pi pi-search"></i>
+		<input type="text" pInputText name="titleFilter" [(ngModel)]="titleFilter" placeholder="Search">
+	</span>
 
 	<div class="button-group">
-		<button type="submit" mat-raised-button color="accent">Search</button>
+		<button type="submit" pButton>Search</button>
 	</div>
 </form>
 
@@ -19,4 +20,4 @@
 	<li *ngFor="let event of groupEvents | async">{{ event.title }} <a [routerLink]="['/events/view', event.eventId]">View</a> <a [routerLink]="['/events/edit', event.eventId]">Edit</a></li>
 </ul>
 
-<button mat-raised-button color="accent" [disabled]="!hasMore" (click)="loadMore()">More</button>
+<button pButton class="p-button-secondary" [disabled]="!hasMore" (click)="loadMore()">More</button>

src/RunnersMeet.Client/src/app/pages/tracks-page/tracks-page.component.html

@@ -12,9 +12,7 @@
 	</span>
 
 	<div class="button-group">
-		<div class="col-12 md:col-6 lg:col-4">
-		<button type="submit" pButton color="accent">Search</button>
-	</div>
+		<button type="submit" pButton>Search</button>
 	</div>
 </form>