From 624d9dfd391ff5db549c64e0c5fac4c2bbe6130c Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 30 Mar 2023 18:35:05 +0530
Subject: [PATCH] fix: icon and ellipsis (#622)

* fix: consistent icon for end date for cycle card

* fix: sidebar ellipsis fix
---
 apps/app/components/cycles/sidebar.tsx           | 6 +++---
 apps/app/components/cycles/single-cycle-card.tsx | 3 ++-
 apps/app/components/modules/sidebar.tsx          | 6 +++---
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/app/components/cycles/sidebar.tsx b/apps/app/components/cycles/sidebar.tsx
index 3014f0dba..27dd56584 100644
--- a/apps/app/components/cycles/sidebar.tsx
+++ b/apps/app/components/cycles/sidebar.tsx
@@ -288,9 +288,9 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
                 </div>
               </div>
 
-              <div className="flex flex-col gap-6 px-6 py-6">
-                <div className="flex flex-col items-start justify-start gap-2 ">
-                  <div className="flex items-start justify-start gap-2  ">
+              <div className="flex flex-col gap-6 px-6 py-6 w-full">
+                <div className="flex flex-col items-start justify-start gap-2 w-full">
+                  <div className="flex items-start justify-between gap-2 w-full">
                     <h4 className="text-xl font-semibold text-gray-900">{cycle.name}</h4>
                     <CustomMenu width="lg" ellipsis>
                       <CustomMenu.MenuItem onClick={handleCopyText}>
diff --git a/apps/app/components/cycles/single-cycle-card.tsx b/apps/app/components/cycles/single-cycle-card.tsx
index 33fb67e23..be789d343 100644
--- a/apps/app/components/cycles/single-cycle-card.tsx
+++ b/apps/app/components/cycles/single-cycle-card.tsx
@@ -15,6 +15,7 @@ import { CustomMenu, LinearProgressIndicator, Tooltip } from "components/ui";
 import { Disclosure, Transition } from "@headlessui/react";
 // icons
 import { CalendarDaysIcon } from "@heroicons/react/20/solid";
+import { TargetIcon } from "components/icons";
 import {
   ChevronDownIcon,
   DocumentDuplicateIcon,
@@ -269,7 +270,7 @@ export const SingleCycleCard: React.FC<TSingleStatProps> = ({
               <span>{renderShortDateWithYearFormat(startDate)}</span>
             </div>
             <div className="flex items-start gap-1 ">
-              <CalendarDaysIcon className="h-4 w-4 text-gray-900" />
+              <TargetIcon className="h-4 w-4 text-gray-900" />
               <span className="text-gray-400">End :</span>
               <span>{renderShortDateWithYearFormat(endDate)}</span>
             </div>
diff --git a/apps/app/components/modules/sidebar.tsx b/apps/app/components/modules/sidebar.tsx
index b70266587..7c986078c 100644
--- a/apps/app/components/modules/sidebar.tsx
+++ b/apps/app/components/modules/sidebar.tsx
@@ -327,9 +327,9 @@ export const ModuleDetailsSidebar: React.FC<Props> = ({
                 </div>
               </div>
 
-              <div className="flex flex-col gap-6 px-6 py-6">
-                <div className="flex flex-col items-start justify-start gap-2 ">
-                  <div className="flex items-start justify-start gap-2  ">
+              <div className="flex flex-col gap-6 px-6 py-6 w-full">
+                <div className="flex flex-col items-start justify-start gap-2 w-full">
+                  <div className="flex items-start justify-between gap-2 w-full  ">
                     <h4 className="text-xl font-semibold text-gray-900">{module.name}</h4>
                     <CustomMenu width="lg" ellipsis>
                       <CustomMenu.MenuItem onClick={handleCopyText}>