fix: styling fix to Calculator setting dialog.

openedx · Jul 12, 2021 · 2a82d51 · 2a82d51
1 parent e23e8e8
commit 2a82d51
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/generic/FormSwitchGroup.jsx b/src/generic/FormSwitchGroup.jsx
@@ -37,9 +37,11 @@ export default function FormSwitchGroup({
           />
         </div>
         <Form.Text
-          className="mt-0 pr-3"
+          className="mt-0 pr-3 text-gray-700"
+          style={{
+            fontSize: '1.125rem',
+          }}
           id={helpTextId}
-          muted
         >
           {helpText}
         </Form.Text>

diff --git a/src/pages-and-resources/app-settings-modal/AppSettingsModal.jsx b/src/pages-and-resources/app-settings-modal/AppSettingsModal.jsx
@@ -73,6 +73,7 @@ function AppSettingsModal({
   };
   const learnMoreLink = (
     <Hyperlink
+      className="text-primary-500"
       destination={learnMoreURL}
       target="_blank"
       rel="noreferrer noopener"
@@ -123,18 +124,18 @@ function AppSettingsModal({
                       <StatusBadge status={formikProps.values.enabled} />
                     </>
                   )}
-                  helpText={(<p>{enableAppHelp}<br />{learnMoreLink}</p>)}
+                  helpText={(<p>{enableAppHelp}<br /> <div className="pt-3">{learnMoreLink}</div> </p>)}
                 />
                 <AppSettingsForm formikProps={formikProps}>
                   {children}
                 </AppSettingsForm>
                 {formikProps.values.enabled && children
                   && <AppConfigFormDivider marginAdj={{ default: 3, sm: null }} />}
                 <div className="d-flex justify-content-end">
-                  <Button variant="cancel" className="btn btn-link" onClick={onClose}>
+                  <Button variant="link" onClick={onClose}>
                     {intl.formatMessage(messages.cancel)}
                   </Button>
-                  <Button type="submit" variant="success" data-autofocus>
+                  <Button type="submit" variant="primary" data-autofocus>
                     {intl.formatMessage(messages.apply)}
                   </Button>
                 </div>