From d0d8e5ef08b519a9c09e5eecacba1eebc4746f54 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 1 Nov 2021 09:15:08 +0200
Subject: [PATCH] update developer mobile

---
 content/page/developer/productData/product3/index.md        | 2 +-
 content/page/developer/productData/product5/index.md        | 2 +-
 src/components/custom/sections/CallToAction.vue             | 4 ++--
 src/components/marketing/sections/cta-sections/Header.vue   | 4 ++--
 .../marketing/sections/cta-sections/ShowcaseProducts.vue    | 2 +-
 src/templates/MarkdownPage.vue                              | 6 ++----
 6 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/content/page/developer/productData/product3/index.md b/content/page/developer/productData/product3/index.md
index bc48ff0d4..cc48abdfb 100644
--- a/content/page/developer/productData/product3/index.md
+++ b/content/page/developer/productData/product3/index.md
@@ -2,5 +2,5 @@
 id: developer3
 title: Developer Tooling
 image: ./tooling.png
-link: /tech/zstor
+link: ''
 ---
diff --git a/content/page/developer/productData/product5/index.md b/content/page/developer/productData/product5/index.md
index e6196829d..34f469956 100644
--- a/content/page/developer/productData/product5/index.md
+++ b/content/page/developer/productData/product5/index.md
@@ -2,5 +2,5 @@
 id: developer5
 title: ThreeFold Bloackchain
 image: ./blockchain.png
-link: /tech/zflist
+link: ''
 ---
\ No newline at end of file
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 4893c3ea2..5eacb3692 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -333,7 +333,7 @@
 
     <!-- developer -->
     <div
-      class="w-full mx-auto lg:mt-20 lg:p-20"
+      class="w-full mx-auto lg:mt-20 py-10 lg:p-20"
       v-else-if="id == 'developer' && lastCta"
     >
       <h2
@@ -350,7 +350,7 @@
         {{ cta.title }}
         <span class="font-bold">{{ cta.subtitle }}</span>
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl max-w-4xl mx-auto"></div>
+      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4 "></div>
       
       <a
         class="
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 971c3f863..22dc07d19 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -173,7 +173,7 @@
         flex flex-wrap
         text-center
         items-center
-        lg:text-left lg:mb-20 lg:mt-24 lg:mx-40
+        lg:text-left lg:mb-20 lg:mt-24 mt-10 lg:mx-40
       "
       v-if="id == 'farm'"
     >
@@ -253,7 +253,7 @@
 
     <!-- developer -->
     <div
-      class="flex flex-wrap text-center items-center lg:mb-20 lg:mt-24 lg:mx-40"
+      class="flex flex-wrap text-center items-center lg:mb-20 lg:mt-24 mt-10 lg:mx-40"
       v-if="id == 'developer'"
     >
       <div class="lg:w-1/2 px-10 lg:mt-10 order-1 lg:order-none lg:max-w-2xl">
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index f02b52e3c..93375d564 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="my-5 lg:my-40 lg:mx-40">
+  <div class="my-5 lg:my-40 lg:mx-40 mx-4">
     <div class="text-center mx-auto my-20" v-if="id == 'farm'">
       <h1 class="text-9xl uppercase leading-none font-heading">
         {{ main.title }}
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 5c2c2308d..43aab31a0 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -301,12 +301,10 @@
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel2"
-        v-if="
-          $page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'
-        "
+        v-if="$page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'"
         :brandPanel2="true"
       />
-
+      
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0