From 03a0372ec6ff165adce1508884edd8b5ff134496 Mon Sep 17 00:00:00 2001
From: KIKIN <miguemix55@hotmail.com>
Date: Wed, 28 Oct 2020 13:16:45 -0600
Subject: [PATCH] component fix

---
 src/components/SearchResultsPage.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/SearchResultsPage.vue b/src/components/SearchResultsPage.vue
index 1e7ac46..98550e2 100644
--- a/src/components/SearchResultsPage.vue
+++ b/src/components/SearchResultsPage.vue
@@ -4,15 +4,15 @@
   <p>Hay {{productResult[0].numberFound}} productos</p>
   <div class="my-4 d-flex justify-content-sm-start justify-content-center flex-wrap">
     <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
-        <img v-bind:src="productResult[0].img" class="card-img-top" alt="...">
-        <div class="card-body text-center">
+        <img v-bind:src="productResult[0].img" class="card-img-top" style="height:250px" alt="...">
+        <div class="card-body text-center" maxlength="5">
             <p class="card-text">{{productResult[0].description}}</p>
             <span><b>${{productResult[0].price}}</b></span>
         </div>
     </div>
 
     <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
-        <img v-bind:src="productResult[1].img" class="card-img-top" alt="...">
+        <img v-bind:src="productResult[1].img" class="card-img-top" style="height:250px" alt="...">
         <div class="card-body text-center">
             <p class="card-text">{{productResult[1].description}}</p>
             <span><b>${{productResult[1].price}}</b></span>
@@ -20,7 +20,7 @@
     </div>
 
     <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
-        <img v-bind:src="productResult[2].img" class="card-img-top" alt="...">
+        <img v-bind:src="productResult[2].img" class="card-img-top" style="height:250px" alt="...">
         <div class="card-body text-center">
             <p class="card-text">{{productResult[2].description}}</p>
             <span><b>${{productResult[2].price}}</b></span>
@@ -73,4 +73,10 @@ export default {
     -moz-box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
     box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
 }
+  p {
+      text-overflow: ellipsis;
+      width: 100%;
+      white-space: nowrap;
+      overflow: hidden; 
+    } 
 </style>
\ No newline at end of file