activity card variable height (#3186)

* fix app event card long text spacing

* remove test text

* update spacing

---------

Co-authored-by: Justin Rhee <jusrhee@Justins-MacBook-Air.local>

dashboard/src/main/home/app-dashboard/expanded-app/activity-feed/events/AppEventCard.tsx

@@ -71,10 +71,10 @@ const AppEventCard: React.FC<Props> = ({ event, appData }) => {
         <Container row>
           <Icon height="16px" src={app_event} />
           <Spacer inline width="10px" />
-          <Text additionalStyles={"overflow: auto;max-height: 70px;max-width: 600px;"}>{event.metadata.detail}</Text>
+          <Text>{event.metadata.detail}</Text>
         </Container>
       </Container>
-      <Spacer y={1} />
+      <Spacer y={0.5} />
       <Container row spaced>
         <TempWrapper>
           <Link onClick={getAppLogs} hasunderline>

dashboard/src/main/home/app-dashboard/expanded-app/activity-feed/events/BuildEventCard.tsx

@@ -195,7 +195,7 @@ const BuildEventCard: React.FC<Props> = ({ event, appData }) => {
           <Text color="helper">{getDuration(event)}</Text>
         </Container>
       </Container>
-      <Spacer y={1} />
+      <Spacer y={0.5} />
       <Container row spaced>
         <Container row>
           <Icon height="16px" src={getStatusIcon(event.status)} />

dashboard/src/main/home/app-dashboard/expanded-app/activity-feed/events/DeployEventCard.tsx

@@ -47,7 +47,7 @@ const DeployEventCard: React.FC<Props> = ({ event, appData }) => {
           <Text>Application version no. {event.metadata?.revision}</Text>
         </Container>
       </Container>
-      <Spacer y={1} />
+      <Spacer y={0.5} />
       <Container row spaced>
         <Container row>
           <Icon height="16px" src={getStatusIcon(event.status)} />

dashboard/src/main/home/app-dashboard/expanded-app/activity-feed/events/EventCard.tsx

@@ -40,7 +40,6 @@ export const StyledEventCard = styled.div<{ row?: boolean }>`
   display: flex;
   flex-direction: ${({ row }) => row ? "row" : "column"};
   justify-content: space-between;
-  height: 85px;
   border-radius: 5px;
   background: ${({ theme }) => theme.fg};
   border: 1px solid ${({ theme }) => theme.border};

dashboard/src/main/home/app-dashboard/expanded-app/activity-feed/events/PreDeployEventCard.tsx

@@ -96,7 +96,7 @@ const PreDeployEventCard: React.FC<Props> = ({ event, appData }) => {
           <Text color="helper">{getDuration(event)}</Text>
         </Container>
       </Container>
-      <Spacer y={1} />
+      <Spacer y={0.5} />
       <Container row spaced>
         <Container row>
           <Icon height="16px" src={getStatusIcon(event.status)} />