comply font sizes

src/views/Patient/MedReqDropDown/MedReqDropDown.css

@@ -1,7 +1,7 @@
 .etasuButtonText {
   margin-bottom: 0px;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 1.2em;
 }
 
 .etasuButton {

src/views/Questionnaire/QuestionnaireForm.css

@@ -26,7 +26,7 @@
     border-top:1px solid #555;
     padding-left: 3px;
     padding-right:3px;
-    font-size:13px;
+    font-size:1.2em;
     font-family: 'Courier New', Courier, monospace
   }
 

src/views/Questionnaire/QuestionnaireForm.tsx

@@ -1061,7 +1061,7 @@ export function QuestionnaireForm(props: QuestionnaireProps) {
   // Get tooltip for Submit button
   const getMissingFieldsTooltip = () => {
     const tooltip = isFilledOut() ? 'Submit to REMS admin' : 'Fill out missing fields';
-    return <Typography fontSize={16}>{tooltip}</Typography>;
+    return <Typography fontSize={'small'}>{tooltip}</Typography>;
   };
 
   // Get missing fields to display

src/views/Questionnaire/SmartApp.tsx

@@ -739,7 +739,7 @@ export function SmartApp(props: SmartAppProps) {
   } else {
     return (
       <div className="App">
-        <p>Loading...</p>
+        <h1>Loading...</h1>
       </div>
     );
   }

src/views/Questionnaire/components/PatientSelect/PatientStyles.css

@@ -7,7 +7,7 @@
     height:500px;
     width:70%;
     z-index:1;
-    font-size:14px;
+    font-size:1.3em;
     background-color: #f9f9f9;
     border: 1px solid black;
 }
@@ -16,7 +16,7 @@
     position: absolute;
     left:14%;
     top:3px;
-    font-size: 20px;
+    font-size: 1.5em;
     padding: 15px;
     margin: 10px;
 }

src/views/Questionnaire/components/RemsInterface/RemsInterface.css

@@ -86,7 +86,7 @@ body {
 .jsonData{
   line-height:16px;
   font-family: 'Courier New', Courier, monospace;
-  font-size: 14px;
+  font-size: 1.3em;
 
   border-left: 2px solid #dddddd;
   border-top:0px;

src/views/Smart/Index.tsx

@@ -10,6 +10,7 @@ const Index = () => {
     FHIR.oauth2.ready().then(client => {
       setClient(client);
     });
+    document.title = 'REMS SMART on FHIR app';
   }, []);
 
   return (

src/views/Smart/Launch.tsx

@@ -13,6 +13,7 @@ const Launch = () => {
     </div>
   );
   useEffect(() => {
+    document.title = 'REMS SMART on FHIR app launch page';
     smartLaunch();
   }, []);
 

src/views/Smart/Register.tsx

@@ -1,5 +1,5 @@
 import { Button, FormControl, FormHelperText, IconButton, TextField } from '@mui/material';
-import React, { FormEvent, memo, useState } from 'react';
+import React, { FormEvent, memo, useState, useEffect } from 'react';
 import CloseIcon from '@mui/icons-material/Close';
 
 interface RegisterProps {
@@ -9,7 +9,9 @@ interface RegisterProps {
 const Register = (props: RegisterProps) => {
   const [clientId, setClientId] = useState<string>('');
   const [fhirUrl, setFhirUrl] = useState<string>(props.fhirUrl || '');
-
+  useEffect(() => {
+    document.title = 'Registration page for SMART on FHIR clients';
+  });
   const [currentClients, setCurrentClients] = useState(
     JSON.parse(localStorage.getItem('clients') || '[]')
   );