Fix representation of facility name

[Ashesh3]

Fixes #2268

• Added "Facility" prefix to facility representation
• Font size increased by 114% (sm to 3xl)

Preview:

[nihal467]

@Ashesh3 @gigincg rather than writing the facility, can we use any symbols for a facility like hospital symbols, now it's not looking good

[Ashesh3]

@nihal467 Is this better?

[nihal467]

@Ashesh3 @gigincg i can't see any update in the PR,

[Ashesh3]

@Ashesh3 @gigincg i can't see any update in the PR,

That's correct, Just wanted to get a visual feedback first if that looks good or not. if yes, I'd add the updated commit to this PR! Did that just now!

[nihal467]

@Ashesh3 @gigincg the facility name and the patient name alignment is off, make the alignment proper

[Ashesh3]

@nihal467 Fixed the alignment to match the padding of the patient name on the left side.

• With inner padding on div md:pl-2 (Updated in this PR)
  

• Without inner padding (Not in this PR)
  

Let me know which one works the best.

[nihal467]

@Ashesh3 @gigincg test failed

• the left side alignment is off
• the facility name font size is big, can you reduce it a bit, or try some other font, the existing font doesn't feel matches the UI

[Ashesh3]

@nihal467 Fixed the left alignment, reduced the facility name font size, made it semi bold to match it more with the surrounding elements.

[nihal467]

@Ashesh3 the alignment of created, diagnosis, and verified by is off, when we compared to the top

[Ashesh3]

@Ashesh3 the alignment of created, diagnosis, and verified by is off, when we compared to the top

Fixed the alignment of the said elements.

[nihal467]

@Ashesh3 now, everything is aligned, but make it aligned to the line present under the blood group

[Ashesh3]

All the elements are now aligned to the line below the blood group.

[nihal467]

@Ashesh3 @gigincg check the conflicting files !

[nihal467]

@Ashesh3 @gigincg reduce the spacing between the borderline and the content

[Ashesh3]

Reduced the spacing

[nihal467]

test approved