From cb0545d42db599c38b7e69da6572e740fcbe4fb2 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 20 Sep 2022 07:40:52 +0200
Subject: [PATCH] patch: remove vision card

Card no longer applicable. Adds max width to limit size of remaining two cards
---
 src/pages/upgrades/vision.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/upgrades/vision.tsx b/src/pages/upgrades/vision.tsx
index 37519e987ec..a6e7c569501 100644
--- a/src/pages/upgrades/vision.tsx
+++ b/src/pages/upgrades/vision.tsx
@@ -27,6 +27,11 @@ import FeedbackCard from "../../components/FeedbackCard"
 import { translateMessageId } from "../../utils/translations"
 import { getImage } from "../../utils/image"
 
+const ProblemCardContainer = styled(CardContainer)`
+  max-width: ${(props) => props.theme.breakpoints.l};
+  margin: 0 auto;
+`
+
 const StyledCardContainer = styled(CardContainer)`
   margin-top: 2rem;
   margin-bottom: 3rem;
@@ -83,11 +88,6 @@ const paths = [
     title: <Translation id="page-upgrades-vision-title-2" />,
     description: <Translation id="page-upgrades-vision-desc-2" />,
   },
-  {
-    emoji: ":high_voltage_sign:",
-    title: <Translation id="page-upgrades-vision-title-3" />,
-    description: <Translation id="page-upgrades-vision-desc-3" />,
-  },
 ]
 
 const VisionPage = ({
@@ -192,7 +192,7 @@ const VisionPage = ({
         <CenterH2>
           <Translation id="page-upgrades-vision-problems" />
         </CenterH2>
-        <CardContainer>
+        <ProblemCardContainer>
           {paths.map((path, idx) => (
             <CentreCard
               key={idx}
@@ -201,7 +201,7 @@ const VisionPage = ({
               description={path.description}
             />
           ))}
-        </CardContainer>
+        </ProblemCardContainer>
       </Content>
       <TrilemmaContent>
         <Trilemma />