fixed the icon and text gap

ohcnetwork · Dec 23, 2024 · 827b1ca · 827b1ca
1 parent 8123404
commit 827b1ca
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/Facility/FacilityCard.tsx b/src/components/Facility/FacilityCard.tsx
@@ -134,7 +134,7 @@ export const FacilityCard = (props: {
                         <Link href={`/facility/${facility.id}/cns`}>
                           <CareIcon
                             icon="l-monitor-heart-rate"
-                            className="text-lg"
+                            className="text-lg mr-1"
                           />
                           <span>{t("view_cns")}</span>
                         </Link>
@@ -250,7 +250,10 @@ export const FacilityCard = (props: {
                             aria-label={t("notify")}
                             role="button"
                           >
-                            <CareIcon icon="l-megaphone" className="text-lg" />
+                            <CareIcon
+                              icon="l-megaphone"
+                              className="text-lg mr-1"
+                            />
                             <span className="hidden sm:inline">
                               {t("notify")}
                             </span>
@@ -272,7 +275,10 @@ export const FacilityCard = (props: {
                           asChild
                         >
                           <Link href={`/facility/${facility.id}`}>
-                            <CareIcon icon="l-hospital" className="text-lg" />
+                            <CareIcon
+                              icon="l-hospital"
+                              className="text-lg mr-1"
+                            />
                             <span className="hidden sm:inline">
                               {t("view_facility")}
                             </span>
@@ -296,7 +302,7 @@ export const FacilityCard = (props: {
                           <Link href={`/patients?facility=${facility.id}`}>
                             <CareIcon
                               icon="l-user-injured"
-                              className="text-lg"
+                              className="text-lg mr-1"
                             />
                             <span className="hidden sm:inline">
                               {t("view_patients")}