add padding to planting timeline rows

calblueprint · Jan 16, 2025 · 23a863e · 23a863e
1 parent e321aa2
commit 23a863e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/components/PlantCalendarList/index.tsx b/components/PlantCalendarList/index.tsx
@@ -92,7 +92,7 @@ export const PlantCalendarList = ({
       <Styles.StyledTable>
         {/* set widths of each columns*/}
         <colgroup>
-          <col style={{ width: '72px' }} />
+          <col style={{ maxWidth: 'min-content' }} />
           <col style={{ minWidth: '400px' }} />
         </colgroup>
         <thead>

diff --git a/components/PlantCalendarList/styles.ts b/components/PlantCalendarList/styles.ts
@@ -24,6 +24,7 @@ export const StickyTd = styled(P3).attrs({
   left: 0;
   background-color: white; // Optional: Adds a background color to keep text visible when scrolling
   z-index: 1; // Ensures the sticky header is on top of other content
+  padding-right: 8px;
 `;
 
 // Scrollable container for PlantCalendarRow