From 0ea24dd23c3d4d0d302e54434d69e1070c856de3 Mon Sep 17 00:00:00 2001
From: Simon Hanna <simhnna@gmail.com>
Date: Wed, 22 Aug 2018 22:15:45 +0200
Subject: [PATCH] Style some pages

---
 src/app/components/search/search.component.html | 10 ++++++----
 src/app/components/search/search.component.scss |  7 +++++++
 src/app/components/slides/slides.component.scss |  3 +++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/components/search/search.component.html b/src/app/components/search/search.component.html
index 8220137..5aac293 100644
--- a/src/app/components/search/search.component.html
+++ b/src/app/components/search/search.component.html
@@ -1,8 +1,7 @@
 <h3>Search</h3>
 <form>
-<label>Search for:</label>
 <mat-form-field>
-<mat-select [(ngModel)]="selectedPlugin" name="selectedPlugin">
+    <mat-select [(ngModel)]="selectedPlugin" name="selectedPlugin" placeholder="Search for:">
   <mat-option *ngFor="let plugin of searchPlugins" name="searchPlugins" [value]="plugin.key">
     {{plugin.name}}
   </mat-option>
@@ -13,11 +12,14 @@
   <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text">
 </mat-form-field>
   <br>
-<button mat-raised-button color="warn" (click)="onSubmit()">Search</button>
+<button mat-raised-button id="searchButton" color="primary" (click)="onSubmit()">Search</button>
 </form>
 <div *ngIf="searchResults">
   <h3>Search Results:</h3>
-  <table>
+  <div *ngIf="!searchResults.length">
+    No Results matching your search were found...
+  </div>
+  <table *ngIf="searchResults.length">
     <tr *ngFor="let item of searchResults">
       <td>{{item[1]}}</td>
       <td><button mat-button color="primary" (click)="addToService(item[0])">Add</button></td>
diff --git a/src/app/components/search/search.component.scss b/src/app/components/search/search.component.scss
index e69de29..4586b95 100644
--- a/src/app/components/search/search.component.scss
+++ b/src/app/components/search/search.component.scss
@@ -0,0 +1,7 @@
+mat-form-field {
+    width: 100%;
+}
+
+#searchButton {
+    width: 100%;
+}
\ No newline at end of file
diff --git a/src/app/components/slides/slides.component.scss b/src/app/components/slides/slides.component.scss
index e69de29..0462b93 100644
--- a/src/app/components/slides/slides.component.scss
+++ b/src/app/components/slides/slides.component.scss
@@ -0,0 +1,3 @@
+.selected {
+    font-weight: 700;
+}