From dec3dbd85a27b838911568c3464439249e865a0d Mon Sep 17 00:00:00 2001
From: Pawel Borkar <pawelsb@zohomail.com>
Date: Mon, 25 Apr 2022 16:00:00 +0530
Subject: [PATCH] Enhancement: fix layout and transitions are added

---
 src/App.css             | 7 +++++++
 src/components/News.jsx | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 73c6796..f08bc65 100644
--- a/src/App.css
+++ b/src/App.css
@@ -20,6 +20,7 @@ a:hover {
 .app {
     display: flex;
     overflow: hidden;
+    height: 100vh;
 }
 
 .navbar {
@@ -30,6 +31,7 @@ a:hover {
 .main {
     flex: 0.84;
     width: 100%;
+    height: 100vh;
 }
 .routes {
     padding: 20px;
@@ -296,6 +298,11 @@ a:hover {
 .news-card {
     min-height: 300px !important;
 }
+
+.news-card:hover {
+    transform: scale(1.05) !important;
+    transition: transform 0.2s ease-in;
+}
 .news-image-container {
     display: flex !important;
     justify-content: space-between !important;
diff --git a/src/components/News.jsx b/src/components/News.jsx
index 2dc3661..4530e37 100644
--- a/src/components/News.jsx
+++ b/src/components/News.jsx
@@ -26,7 +26,7 @@ const News = ({ simplified }) => {
                     <Select
                         showSearch
                         className="select-news"
-                        placeholder="Search a crypto"
+                        placeholder="Select a cryptocurrency"
                         optionFilterProp="children"
                         onChange={(value) => setNewsCategory(value)}
                         filterOption={(input, option) =>