diff --git a/web/src/components/DoctorCard.css b/web/src/components/DoctorCard.css index 8cb5ea5..fc82ad8 100644 --- a/web/src/components/DoctorCard.css +++ b/web/src/components/DoctorCard.css @@ -14,6 +14,8 @@ .doctor-tile { width: 209px; flex-shrink: 0; + display: flex; + flex-direction: column; } .doctor-tile__photo-link { @@ -41,6 +43,7 @@ align-items: flex-start; gap: 8px; margin-top: 16px; + flex: 1; } .doctor-tile__name { @@ -66,12 +69,14 @@ } .doctor-tile__exp { - padding: 9px 8px 9px 12px; + margin-top: auto; + padding: 8px 12px; background: var(--chip); border: 1px solid var(--chip-border); border-radius: var(--r-10); font-weight: 500; - font-size: 12px; + font-size: 14px; + line-height: 1.25; color: var(--navy); white-space: nowrap; } @@ -187,6 +192,8 @@ border-radius: var(--r-16); overflow: hidden; background: var(--photo-bg); + display: flex; + flex-direction: column; } .doctor-tile__photo { height: 180px; @@ -196,6 +203,9 @@ gap: 0; margin-top: 0; padding: 12px; + flex: 1; + display: flex; + flex-direction: column; } .doctor-tile__name { font-size: 11px; @@ -208,11 +218,12 @@ line-height: 12.375px; } .doctor-tile__exp { - padding: 9.6px 8px; + margin-top: auto; + padding: 6px 10px; border-width: 0.722px; border-radius: var(--r-8); - font-size: 9px; - line-height: 13.5px; + font-size: 11px; + line-height: 14px; } .doctor-row {