refactor: Update text styles on Scatter Chart card

open-sauced · Sep 23, 2022 · 593dd59 · 593dd59
1 parent d9e9bba
commit 593dd59
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/atoms/ToggleOption/toggle-option.tsx b/components/atoms/ToggleOption/toggle-option.tsx
@@ -14,7 +14,7 @@ const ToggleOption = ({ optionText, withIcon, checked, handleToggle }: ToogleOpt
       className="inline-flex cursor-pointer items-center gap-2 rounded-md px-2 py-0.5 border border-light-slate-6 bg-light-slate-1"
     >
       <ToggleSwitch handleToggle={handleToggle} name={optionText} checked={checked} />
-      <span className="text-light-slate-11">{optionText}</span>
+      <span className="font-medium text-sm text-light-slate-11">{optionText}</span>
       {withIcon && (
         <HiInformationCircle
           title="An outside contributor is not a member the organization"

diff --git a/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx b/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx
@@ -35,9 +35,9 @@ const DashboardScatterChart: React.FC<DashboardScatterChartProps> = ({ title, op
   };
   return (
     <div>
-      <div className="flex justify-between">
-        <Title level={4}>{title}</Title>
-        <div className="flex flex-col md:flex-row gap-2 pr-10">
+      <div className="flex justify-between px-1">
+        <Title level={4} className="!text-sm !font-medium !text-light-slate-12">{title}</Title>
+        <div className="flex flex-col md:flex-row gap-2">
           <ToggleOption handleToggle={handleShowBots} checked={showBots} optionText="Show Bots"></ToggleOption>
           <ToggleOption
             handleToggle={handleShowMembers}