From 8b9e697cfb35881d1332c565df076c45bfbec53d Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 13 Oct 2020 10:07:38 -0500
Subject: [PATCH] Updated StatusCard width when is not vertical
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- StatusCard width when is not vertical
---
 app/javascript/gabsocial/components/status_card.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/javascript/gabsocial/components/status_card.js b/app/javascript/gabsocial/components/status_card.js
index 4709b1a4..a7324349 100644
--- a/app/javascript/gabsocial/components/status_card.js
+++ b/app/javascript/gabsocial/components/status_card.js
@@ -141,6 +141,12 @@ class StatusCard extends ImmutablePureComponent {
     const provider = card.get('provider_name').length === 0 ? decodeIDNA(getHostname(card.get('url'))) : card.get('provider_name')
     const interactive = card.get('type') !== 'link'
 
+    const imgContainerClasses = CX({
+      d: 1,
+      h220PX: 1,
+      w330PX: !isVertical,
+    })
+
     const cardTitle = `${card.get('title')}`.trim()
     const title = interactive ?
       (
@@ -180,7 +186,7 @@ class StatusCard extends ImmutablePureComponent {
       :
       (
         <ResponsiveClassesComponent
-          classNames={[_s.d, _s.h220PX, _s.w330PX].join(' ')}
+          classNames={imgContainerClasses}
           classNamesSmall={[_s.d, _s.h260PX, _s.w100PC].join(' ')}
           classNamesXS={[_s.d, _s.h200PX, _s.w100PC].join(' ')}
         >