Improve top element spacing

CDCgov · Jan 9, 2025 · 26031ba · 26031ba
1 parent b418398
commit 26031ba
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/packages/chart/src/CdcChart.tsx b/packages/chart/src/CdcChart.tsx
@@ -1289,7 +1289,7 @@ const CdcChart = ({
                 isDashboard={isDashboard}
                 title={title}
                 superTitle={config.superTitle}
-                classes={['chart-title', `${config.theme}`, 'cove-component__header']}
+                classes={['chart-title', `${config.theme}`, 'cove-component__header', 'mb-3']}
                 style={undefined}
               />
 

diff --git a/packages/core/components/Layout/components/Visualization/visualizations.scss b/packages/core/components/Layout/components/Visualization/visualizations.scss
@@ -1,6 +1,6 @@
 .cdc-open-viz-module {
   .cdc-chart-inner-container .cove-component__content {
-    padding: 1rem 15px 27px 0 !important;
+    padding: 0 15px 27px 0 !important;
   }
   &.isEditor {
     overflow: auto;

diff --git a/packages/core/components/ui/Title/index.tsx b/packages/core/components/ui/Title/index.tsx
@@ -16,7 +16,7 @@ const Title = (props: HeaderProps) => {
   const { isDashboard, title, superTitle, classes = [], showTitle = true, ariaLevel = 2 } = props
 
   // standard classes every vis should have
-  const updatedClasses = ['cove-component__header', 'component__header', ...classes]
+  const updatedClasses = ['cove-component__header', 'component__header', 'mb-3', ...classes]
 
   return (
     title &&

diff --git a/packages/dashboard/src/CdcDashboardComponent.tsx b/packages/dashboard/src/CdcDashboardComponent.tsx
@@ -534,7 +534,7 @@ export default function CdcDashboard({ initialState, isEditor = false, isDebug =
               classes={[`dashboard-title`, `${config.dashboard.theme ?? 'theme-blue'}`]}
             />
             {/* Description */}
-            {description && <div className='subtext'>{parse(description)}</div>}
+            {description && <div className='subtext mb-3'>{parse(description)}</div>}
             {/* Visualizations */}
             {config.rows &&
               config.rows

diff --git a/packages/dashboard/src/components/MultiConfigTabs/MultiConfigTabs.tsx b/packages/dashboard/src/components/MultiConfigTabs/MultiConfigTabs.tsx
@@ -117,7 +117,7 @@ const MultiConfigTabs = () => {
 
   if (!config.multiDashboards) return null
   return (
-    <ul className='nav nav-tabs multi-config-tabs'>
+    <ul className='nav nav-tabs multi-config-tabs mb-4'>
       {tabs.map((tab, index) => (
         <Tab
           key={tab + index}

diff --git a/packages/dashboard/src/components/MultiConfigTabs/MultiTabs.tsx b/packages/dashboard/src/components/MultiConfigTabs/MultiTabs.tsx
@@ -21,7 +21,7 @@ const MultiTabs = () => {
 
   if (!config.multiDashboards) return null
   return (
-    <ul className='nav nav-tabs multi-config-tabs'>
+    <ul className='nav nav-tabs multi-config-tabs mb-4'>
       {tabs.map((tab, index) => (
         <li key={tab + index} className='nav-item'>
           <a

diff --git a/packages/dashboard/src/components/VisualizationRow.tsx b/packages/dashboard/src/components/VisualizationRow.tsx
@@ -160,7 +160,7 @@ const VisualizationRow: React.FC<VizRowProps> = ({
             <div
               key={`vis__${index}__${colIndex}`}
               className={`col-12 col-md-${col.width}${!shouldShow ? ' d-none' : ''}${
-                hideVisualization ? ' hide-parent-visualization' : ' mt-4'
+                hideVisualization ? ' hide-parent-visualization' : ' mb-4'
               }`}
             >
               {row.toggle && !hideVisualization && (

diff --git a/packages/map/src/CdcMap.tsx b/packages/map/src/CdcMap.tsx
@@ -1523,7 +1523,7 @@ const CdcMap = ({
                 <SkipTo skipId={tabId} skipMessage={`Skip over annotations`} key={`skip-annotations`} />
               )}
 
-              {general.introText && <section className='introText mb-4 mt-3'>{parse(general.introText)}</section>}
+              {general.introText && <section className='introText mb-4'>{parse(general.introText)}</section>}
 
               {state?.filters?.length > 0 && (
                 <Filters