From 04a2d5db622a10422a9f7fb854bf5c80a6f8f0e9 Mon Sep 17 00:00:00 2001
From: Edgar Hernandez <edgarchortiz@gmail.com>
Date: Thu, 8 Mar 2018 12:52:05 -0800
Subject: [PATCH] Add button to search-result

---
 .../search-results/search-results.component.css       | 10 +++++++++-
 .../search-results/search-results.component.html      | 11 +++++------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/app/components/search-results/search-results.component.css b/src/app/components/search-results/search-results.component.css
index 8b137891..0cdd5b05 100644
--- a/src/app/components/search-results/search-results.component.css
+++ b/src/app/components/search-results/search-results.component.css
@@ -1 +1,9 @@
-
+h5 {
+	color: black;
+	font-family: 'Cormorant Garamond';
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 10px;
+	text-align: left;
+	text-transform: uppercase;
+}
diff --git a/src/app/components/search-results/search-results.component.html b/src/app/components/search-results/search-results.component.html
index f6285397..7751a56e 100644
--- a/src/app/components/search-results/search-results.component.html
+++ b/src/app/components/search-results/search-results.component.html
@@ -1,11 +1,10 @@
-
 <div class="container">
   <div class="row">
-    <div class="column">
+    <div class="col-sm-6">
       <div *ngFor="let movie of childSearchResults.results;" class="movie">
-        <div class="card mb-3" style="width: 33.3rem;">
+        <div class="card mb-3" style="width: 33.3rem;" >
           <div *ngIf="movie.backdrop_path; else noImage">
-            <img class="card-img-top" src="http://image.tmdb.org/t/p/w500/{{movie.backdrop_path}}" >
+            <img class="card-img-top" src="http://image.tmdb.org/t/p/w500/{{movie.backdrop_path}}" alt="Card image cap">
           </div>
           <ng-template #noImage>
             <img class="card-img-top" src="http://www.valuewalk.com/wp-content/uploads/2017/04/no-thumbnail.png" width="500px" height="281px" alt="Card image cap">
@@ -14,12 +13,12 @@
             <div *ngIf="movie.media_type == 'tv'; else movieRoute">
               <!-- <a href="tv/{{movie.id}}"><button>More</button></a> -->
               <h5 class="card-title"> {{movie.original_name}}</h5>
-              <a href="tv/{{movie.id}}" class="secondary-content"><i class="material-icons">info</i></a>
+              <a href="tv/{{movie.id}}" class="waves-effect waves-light btn">Info</a>
               <a class="btn-floating btn-large waves-effect waves-light deep-purple"><i class="material-icons">add</i></a>
             </div>
             <ng-template #movieRoute>
               <h5 class="card-title"> {{movie.title}}</h5>
-              <a href="movie/{{movie.id}}" class="secondary-content"><i class="material-icons">info</i></a>
+              <a href="movie/{{movie.id}}" class="waves-effect waves-light btn">Info</a>
               <a class="btn-floating btn-large waves-effect waves-light deep-purple"><i class="material-icons">add</i></a>
             </ng-template>
           </div>