MF-635 Fix design issues in patient chart (#32)

Author: Eriq-Kibet

packages/esm-patient-registration-app/src/widgets/edit-patient-details-button.component.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 import { ConfigurableLink } from '@openmrs/esm-framework';
 import { useTranslation } from 'react-i18next';
+import styles from './edit-patient-details-button.scss';
 
 export default function EditPatientDetailsButton({ patientUuid }) {
   const { t } = useTranslation();
   return (
     <li className="bx--overflow-menu-options__option">
       <ConfigurableLink
         to={`\${openmrsSpaBase}/patient/${patientUuid}/edit`}
-        className="bx--overflow-menu-options__btn"
+        className={`bx--overflow-menu-options__btn ${styles.link}`}
         title={t('editPatientDetails', 'Edit Patient Details')}>
         <span className="bx--overflow-menu-options__option-content">
           {t('editPatientDetails', 'Edit Patient Details')}

packages/esm-patient-registration-app/src/widgets/edit-patient-details-button.scss

@@ -0,0 +1,3 @@
+.link{
+    text-decoration: none;
+}