From 7e4df3c2a9c2330b6d5490be2e827da48060cfe9 Mon Sep 17 00:00:00 2001
From: sumita <sumita.k@canopas.com>
Date: Thu, 3 Feb 2022 12:02:41 +0530
Subject: [PATCH] Fix CTA and virtues section

---
 vue-frontend/src/components/home/HomeCTA.vue  |  9 +++++++-
 .../src/components/jobs/VirtuesView.vue       | 23 ++++++++++---------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/vue-frontend/src/components/home/HomeCTA.vue b/vue-frontend/src/components/home/HomeCTA.vue
index 443ded0ce..165aab8cd 100644
--- a/vue-frontend/src/components/home/HomeCTA.vue
+++ b/vue-frontend/src/components/home/HomeCTA.vue
@@ -252,7 +252,7 @@ export default {
   }
 
   .cta-container {
-    width: 800px;
+    width: 70%;
     margin: 7% auto;
   }
 
@@ -261,4 +261,11 @@ export default {
     margin: 1.25rem 0.5rem 0 0.5rem;
   }
 }
+
+@include media-breakpoint-up(xl) {
+  .cta-container {
+    width: 40%;
+    min-width: 900px;
+  }
+}
 </style>
diff --git a/vue-frontend/src/components/jobs/VirtuesView.vue b/vue-frontend/src/components/jobs/VirtuesView.vue
index 474a033d6..7160000e0 100644
--- a/vue-frontend/src/components/jobs/VirtuesView.vue
+++ b/vue-frontend/src/components/jobs/VirtuesView.vue
@@ -209,12 +209,12 @@ export default {
   border-radius: 100px 0;
 }
 
-.red-text{
+.red-text {
   font-style: normal;
   font-weight: 400;
   font-size: 1.1rem;
   line-height: 1.5rem;
-  color: #E8505B;
+  color: #e8505b;
 }
 
 .title {
@@ -279,8 +279,10 @@ export default {
   opacity: 1;
 }
 
-.flex-div > div:hover .description {
-  opacity: 1;
+@media (hover: hover) and (pointer: fine) {
+  .flex-div > div:hover .description {
+    opacity: 1;
+  }
 }
 
 .image {
@@ -378,7 +380,8 @@ export default {
     width: 60%;
   }
 
-  .desc, .red-text {
+  .desc,
+  .red-text {
     font-size: 1.3rem;
   }
 
@@ -388,6 +391,10 @@ export default {
 }
 
 @include media-breakpoint-up(xl) {
+  .background {
+    padding: 0 15%;
+  }
+  
   .description {
     padding: 5%;
 
@@ -396,10 +403,4 @@ export default {
     }
   }
 }
-
-@media (min-width: 1500px) {
-  .background {
-    padding: 0 15%;
-  }
-}
 </style>
\ No newline at end of file