From 827107365b3253fc42f7ce2ee3a7fa95b98b55e8 Mon Sep 17 00:00:00 2001
From: nasaownsky <someuser.ivn@gmail.com>
Date: Tue, 26 Nov 2024 16:33:25 +0400
Subject: [PATCH] Tweak team members card & modal sizes to fit cards better in
 smaller screens

---
 publisher/src/components/AdminPanel/AdminPanel.styles.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/publisher/src/components/AdminPanel/AdminPanel.styles.tsx b/publisher/src/components/AdminPanel/AdminPanel.styles.tsx
index 17608a21f..db08b9128 100644
--- a/publisher/src/components/AdminPanel/AdminPanel.styles.tsx
+++ b/publisher/src/components/AdminPanel/AdminPanel.styles.tsx
@@ -104,7 +104,7 @@ export const ModalWrapper = styled.div``;
 
 export const ModalContainer = styled.div<{ offScreen?: boolean }>`
   height: 90vh;
-  width: 50vw;
+  width: 60vw;
   background: ${palette.solid.white};
   border-radius: 4px;
   padding: 32px;
@@ -249,7 +249,7 @@ export const InputLabelWrapper = styled.div<{
   input,
   input[type="button"] {
     width: 100%;
-    min-width: 210px;
+    min-width: 190px;
     font-size: 0.8rem;
     font-weight: 400;
     line-height: 1rem;
@@ -346,7 +346,7 @@ export const TeamMemberCard = styled.div<{
   ${typography.sizeCSS.normal}
   display: flex;
   flex-direction: column;
-  width: 250px;
+  width: 230px;
   align-items: flex-start;
   justify-content: center;
   border: 1px solid ${palette.highlight.grey5};
@@ -358,7 +358,7 @@ export const TeamMemberCard = styled.div<{
   ${({ deleted }) => deleted && `background: ${palette.gradient.lightred};`}
 
   input[type="button"] {
-    width: 210px;
+    width: 190px;
   }
 `;