From 4c1b44bdf760c3fa0e70e8d341ef17f390b2c9ca Mon Sep 17 00:00:00 2001
From: Conor Barnes <conorbarnes93@gmail.com>
Date: Wed, 21 Sep 2022 16:30:59 +0100
Subject: [PATCH 1/2] fix raw html inside job cards

---
 src/components/job-card.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/job-card.vue b/src/components/job-card.vue
index e8cb089..2b0f4c8 100644
--- a/src/components/job-card.vue
+++ b/src/components/job-card.vue
@@ -249,7 +249,7 @@ function onCardClick() {
 
           <CBox mt="4">
             <CText color="gray.400" font-size="sm">DESCRIPTION</CText>
-            <CText mt="2" v-html="job.description_short + ' [...]'" />
+            <CText className="html-text" mt="2" v-html="job.description_short + ' [...]'" />
           </CBox>
           
           <CBox mt="4" v-if="job.closes_at">
@@ -263,7 +263,8 @@ function onCardClick() {
 
           <CBox :mt="4 - 1">
             <CText color="gray.400" font-size="sm">ABOUT THIS ORGANISATION</CText>
-            <CText mt="2" v-if="job.company_description">{{ job.company_description }}</CText>
+            <CText className="html-text" mt="2" v-if="job.company_description" v-html="job.company_description"/>
+            <!-- <CText mt="2" v-if="job.company_description">{{ job.company_description }}</CText> -->
           </CBox>
           
           <CFlex :mt="job.company_description ? 4 : 3" align="baseline" gap="4">
@@ -386,3 +387,17 @@ function onCardClick() {
 
   </CBox>
 </template>
+
+
+<style scoped>
+
+
+  .html-text >>> a {
+    color: var(--colors-blue-500);
+  }
+
+  .html-text >>> a:hover {
+    color: var(--colors-blue-700);
+  }
+
+</style>
\ No newline at end of file

From 11542df9997a5e8bbd194c2145a78573c8254e3c Mon Sep 17 00:00:00 2001
From: Conor Barnes <conorbarnes93@gmail.com>
Date: Wed, 21 Sep 2022 17:02:43 +0100
Subject: [PATCH 2/2] improve height and positioning of filter modal

---
 src/pages/index.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 53036ac..fa7c490 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -284,7 +284,8 @@ interface RouteState {
           
           <FiltersFooter />
         </CFlex>
-        
+
+        <!-- size="full" -->
         <VueFinalModal
           v-else
           v-model="state.isShowMobileFilters.value"
@@ -294,15 +295,15 @@ interface RouteState {
           <CFlex
             pos="absolute"
             left="0"
-            bottom="0"
+            top="0"
             w="100vw"
-            h="94vh"
+            h="100vh"
             gap="6"
             p="6"
             pt="7"
+            pb="12"
             direction="column"
             bg="white"
-            border-radius="12px"
             border-bottom-radius="0"
             overflow="scroll"
           >