cleanup for text sizes

airbytehq · Sep 29, 2022 · f632daa · f632daa
1 parent dd19a70
commit f632daa
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 17 deletions.
diff --git a/airbyte-webapp/src/views/Connection/ConnectionForm/ConnectionForm.module.scss b/airbyte-webapp/src/views/Connection/ConnectionForm/ConnectionForm.module.scss
@@ -26,15 +26,3 @@
   flex: 1;
   max-width: 300px;
 }
-
-.namespaceFormatLabel {
-  flex: 5 0 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.tryArrow {
-  margin: 0 10px -1px 0;
-  font-size: 14px;
-}
diff --git a/airbyte-webapp/src/views/Connection/ConnectionForm/ConnectionForm.tsx b/airbyte-webapp/src/views/Connection/ConnectionForm/ConnectionForm.tsx
@@ -21,7 +21,7 @@ import { OperationsSection } from "./components/OperationsSection";
 import ScheduleField from "./components/ScheduleField";
 import { Section } from "./components/Section";
 import SchemaField from "./components/SyncCatalogField";
-import styles from "./ConnectionForm.module.css";
+import styles from "./ConnectionForm.module.scss";
 import { connectionValidationSchema } from "./formConfig";
 
 // This is removed in KC's main refactor PR.  Removing it would require major scope creep for this PR.
@@ -75,7 +75,7 @@ export const ConnectionForm: React.FC<ConnectionFormProps> = ({
                         nextLine
                         error={!!meta.error && meta.touched}
                         label={
-                          <Text as="h5">
+                          <Text as="h5" size="sm">
                             <FormattedMessage id="form.connectionName" />
                           </Text>
                         }
@@ -104,7 +104,7 @@ export const ConnectionForm: React.FC<ConnectionFormProps> = ({
           </Section>
           <Card>
             <Section>
-              <Text as="h5">
+              <Text as="h5" size="sm">
                 <FormattedMessage id="connection.streams" />
               </Text>
               <span style={{ pointerEvents: mode === "readonly" ? "none" : "auto" }}>

diff --git a/...ebapp/src/views/Connection/ConnectionForm/components/NamespaceDefinitionField.module.scss b/...ebapp/src/views/Connection/ConnectionForm/components/NamespaceDefinitionField.module.scss
@@ -1 +1,8 @@
-@forward "../ConnectionFormFields.module.scss";
+@forward "../ConnectionForm.module.scss";
+
+.namespaceFormatLabel {
+  flex: 5 0 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
diff --git a/airbyte-webapp/src/views/Connection/ConnectionForm/components/Section.tsx b/airbyte-webapp/src/views/Connection/ConnectionForm/components/Section.tsx
@@ -10,7 +10,11 @@ interface SectionProps {
 export const Section: React.FC<React.PropsWithChildren<SectionProps>> = ({ title, children }) => (
   <Card>
     <div className={styles.section}>
-      {title && <Text as="h5">{title}</Text>}
+      {title && (
+        <Text as="h5" size="sm">
+          {title}
+        </Text>
+      )}
       {children}
     </div>
   </Card>