Quick fix - Decrease font size of properties in jschema component

Author: rkpasia

src/lib/components/common/jschema/ArrayProperty.svelte

@@ -30,8 +30,8 @@
 {#if schemaProperty }
   <div class='d-flex flex-column p-2'>
     <div class='property-metadata d-flex flex-column w-100'>
-      <span class='fs-5 {schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || "" }</span>
-      <span class='small'>{schemaProperty.description || "" }</span>
+      <span class='{schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || "" }</span>
+      <span class='small fw-light'>{schemaProperty.description || "" }</span>
     </div>
     <div class='array-items my-2'>
 

src/lib/components/common/jschema/BooleanProperty.svelte

@@ -14,9 +14,9 @@
 {#if schemaProperty}
   <div class='d-flex align-items-center p-2'>
     <div class='property-metadata d-flex flex-column align-self-center w-50'>
-      <span class='fs-5'>{ schemaProperty.title || 'Boolean argument' }</span>
+      <span class=''>{ schemaProperty.title || 'Boolean argument' }</span>
       {#if schemaProperty.description }
-        <span class='small'>{ schemaProperty.description }</span>
+        <span class='small fw-light'>{ schemaProperty.description }</span>
       {/if}
     </div>
     <div class='property-input ms-auto w-25'>

src/lib/components/common/jschema/NumberProperty.svelte

@@ -18,9 +18,9 @@
   <div class='d-flex align-items-center p-2'>
     <div class='property-metadata d-flex flex-column align-self-center w-50'>
       <span
-        class='fs-5 {schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || 'Number argument' }</span>
+        class='{schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || 'Number argument' }</span>
       {#if schemaProperty.description }
-        <span class='small'>{ schemaProperty.description }</span>
+        <span class='small fw-light'>{ schemaProperty.description }</span>
       {/if}
     </div>
     <div class='property-input ms-auto w-25'>

src/lib/components/common/jschema/ObjectProperty.svelte

@@ -37,8 +37,8 @@
 
   <div class='d-flex flex-column p-2'>
     <div class='property-metadata d-flex flex-column w-100'>
-      <span class='fs-5 {objectSchema.isRequired() ? "fw-bold" : ""}'>{ objectSchema.title }</span>
-      <span class='small'>{ objectSchema.description || "" }</span>
+      <span class='{objectSchema.isRequired() ? "fw-bold" : ""}'>{ objectSchema.title }</span>
+      <span class='small fw-light'>{ objectSchema.description || "" }</span>
     </div>
     <div class='object-properties my-2'>
       <div class='accordion' id='{accordionParentKey}'>

src/lib/components/common/jschema/StringProperty.svelte

@@ -15,9 +15,9 @@
   <div class='d-flex align-items-center p-2'>
     <div class='property-metadata d-flex flex-column align-self-center w-50'>
       <span
-        class='fs-5 {schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || 'String argument' }</span>
+        class='{schemaProperty.isRequired() ? "fw-bold" : ""}'>{ schemaProperty.title || 'String argument' }</span>
       {#if schemaProperty.description}
-        <span class='small'>{ schemaProperty.description }</span>
+        <span class='small fw-light'>{ schemaProperty.description }</span>
       {/if}
     </div>
     <div class='property-input ms-auto w-25'>