OpenConceptLab/ocl_issues#1348 | Formatting forms

OpenConceptLab · Sep 5, 2022 · dce06e7 · dce06e7
1 parent 96e834c
commit dce06e7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx b/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx
@@ -85,7 +85,7 @@ const ConfigurationForm = props => {
               />
               <FormTooltip title={configs.supportedLanguages.tooltip} style={{marginLeft: '10px'}} />
             </div> :
-          <Button size='small' variant='text' onClick={() => setShowSupportedLocales(true)} startIcon={<AddIcon />}>
+          <Button style={{marginTop: '8px'}} size='small' variant='text' onClick={() => setShowSupportedLocales(true)} startIcon={<AddIcon />}>
             Add Supported Language
           </Button>
         }
@@ -138,10 +138,10 @@ const ConfigurationForm = props => {
                 onChange={event => onChange('custom_validation_schema', event.target.value, setCustomValidationSchema, event.target.value === 'None' ? null : event.target.value)}
               >
                 <MenuItem value='None'>
-                  <ListItemText primary="None" secondary="Default validation schema." />
+    <ListItemText primary="None" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>Default validation schema.</span>} />
                 </MenuItem>
                 <MenuItem value='OpenMRS'>
-                  <ListItemText primary="OpenMRS Validation Schema" secondary={`Custom OpenMRS Validation schema`} />
+    <ListItemText primary="OpenMRS Validation Schema" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>Custom OpenMRS Validation schema</span>} />
                 </MenuItem>
               </Select>
             </FormControl>
@@ -164,13 +164,13 @@ const ConfigurationForm = props => {
                 onChange={event => onChange('public_access', event.target.value, setPublicAccess)}
               >
                 <MenuItem value='View'>
-                  <ListItemText primary="Public (read only)" secondary={`Anyone can view the content in this ${props.resource}`} />
+                  <ListItemText primary="Public (read only)" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>{`Anyone can view the content in this ${props.resource}`}</span>} />
                 </MenuItem>
                 <MenuItem value='Edit'>
-                  <ListItemText primary="Public (read/write)" secondary={`Anyone can view/edit the content in this ${props.resource}`} />
+                  <ListItemText primary="Public (read/write)" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>{`Anyone can view/edit the content in this ${props.resource}`}</span>} />
                 </MenuItem>
                 <MenuItem value='None'>
-                  <ListItemText primary="Private" secondary={`No one can view the content in this ${props.resource}`} />
+    <ListItemText primary="Private" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>{`No one can view the content in this ${props.resource}`}</span>} />
                 </MenuItem>
               </Select>
             </FormControl>

diff --git a/src/components/common/conceptContainerFormComponents/FormHeader.jsx b/src/components/common/conceptContainerFormComponents/FormHeader.jsx
@@ -10,7 +10,7 @@ const FormHeader = props => {
       </span>
       <span style={{marginLeft: '10px', display: 'inline-block'}}>
         <div className='col-xs-12 no-side-padding'>
-          <h1 style={{marginBottom: 0, marginTop: '12px'}}>{props.edit ? props.editTitle : props.title}</h1>
+          <h1 style={{marginBottom: 0, marginTop: '12px', fontSize: '24px'}}>{props.edit ? props.editTitle : props.title}</h1>
         </div>
         <div className='col-xs-12 no-side-padding form-text-gray' style={{fontSize: '16px'}}>
           {props.subTitle}

diff --git a/src/components/common/conceptContainerFormComponents/ResourceIDAssignmentSettings.jsx b/src/components/common/conceptContainerFormComponents/ResourceIDAssignmentSettings.jsx
@@ -70,13 +70,13 @@ const ResourceIDAssignmentSettings = props => {
                 disabled={props.edit}
               >
                 <MenuItem value='None'>
-                  <ListItemText primary="Enter Manually" secondary={<span style={{whiteSpace: 'pre-wrap'}}>The ID must be entered manually each time you create a new concept.</span>} />
+                  <ListItemText primary="Enter Manually" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>The ID must be entered manually each time you create a new concept.</span>} />
                 </MenuItem>
                 <MenuItem value='uuid'>
-                  <ListItemText primary="UUID" secondary={<span style={{whiteSpace: 'pre-wrap'}}>The ID is is auto-assigned in the UUID format: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</span>} />
+                  <ListItemText primary="UUID" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>The ID is is auto-assigned in the UUID format: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</span>} />
                 </MenuItem>
                 <MenuItem value='sequential'>
-                  <ListItemText primary="Sequential" secondary={<span style={{whiteSpace: 'pre-wrap'}}>The ID is auto-assigned in a numeric format, increasing by 1 for each new resource. You can pick what number to start with.</span>} />
+                  <ListItemText primary="Sequential" secondary={<span style={{whiteSpace: 'pre-wrap', fontSize: '12px'}}>The ID is auto-assigned in a numeric format, increasing by 1 for each new resource. You can pick what number to start with.</span>} />
                 </MenuItem>
               </Select>
               <FormHelperText>