Merge pull request #128 from adobecom/MWPW-162006-mobile-buttons-alig…

…nment MWPW-162006
adobecom · Nov 15, 2024 · c81dc29 · c81dc29
2 parents c0a3f81 + 2f3b676
commit c81dc29
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/edsdme/components/SearchCardStyles.js b/edsdme/components/SearchCardStyles.js
@@ -44,6 +44,7 @@ const searchCardStyles = css`
     background-position: 50% 50%;
     background-size: cover;
     margin: 0 20px;
+    flex-shrink: 0;
   }
   
   .card-title-wrapper .card-title {
@@ -53,6 +54,7 @@ const searchCardStyles = css`
   
   .card-header .card-icons {
     z-index: 1;
+    flex-shrink: 0;
   }
   
   .search-card .card-content {
@@ -122,6 +124,27 @@ const searchCardStyles = css`
   .card-tags-wrapper .card-tag:first-letter {
     text-transform: uppercase;
   }
+  
+  @media screen and (max-width: 768px) {
+    .search-card .card-header {
+      height: 89px;
+      flex-direction: column;
+      align-items: flex-start;
+    } 
+   .search-card .card-content {
+      padding-left: 30px;
+    }
+   .search-card .card-icons {
+     padding-left: 30px;
+   }
+    .search-card .card-title {
+     display: -webkit-box;
+     -webkit-box-orient: vertical;
+     overflow: hidden;
+     text-overflow: ellipsis;
+     -webkit-line-clamp: 2;
+   }
+  }
 `;
 
 export default searchCardStyles;