From 05196d1b64d41bf114181c6a96426cf4a6d1e817 Mon Sep 17 00:00:00 2001
From: Calli <calli-eve@proton.me>
Date: Sun, 16 Jul 2023 19:55:07 +0300
Subject: [PATCH] make table header typography smaller

---
 .../PlanetaryInteractionRow.tsx               | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx b/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx
index f448181..99007e7 100644
--- a/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx
+++ b/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx
@@ -41,46 +41,62 @@ const PlanetaryIteractionTable = ({
   character: AccessToken;
   planets: Planet[];
 }) => {
+  const theme = useTheme();
+
   return (
     <StackItem width="100%">
       <TableContainer component={Paper}>
         <Table size="small" aria-label="a dense table">
           <TableHead>
             <TableRow>
-              <TableCell width="13%">Planet</TableCell>
+              <TableCell width="13%">
+                <Typography fontSize={theme.custom.smallText}>
+                  Planet
+                </Typography>
+              </TableCell>
               <TableCell width="2%">
                 <Tooltip title="Command center upgrade level">
-                  <Typography>CC</Typography>
+                  <Typography fontSize={theme.custom.smallText}>CC</Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="20%">
                 <Tooltip title="Extractor status and products">
-                  <Typography>Extraction</Typography>
+                  <Typography fontSize={theme.custom.smallText}>
+                    Extraction
+                  </Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="20%">
                 <Tooltip title="What factories are producing">
-                  <Typography>Production</Typography>
+                  <Typography fontSize={theme.custom.smallText}>
+                    Production
+                  </Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="20%">
                 <Tooltip title="What imports factories need from outside">
-                  <Typography>Imports</Typography>
+                  <Typography fontSize={theme.custom.smallText}>
+                    Imports
+                  </Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="20%">
                 <Tooltip title="What exports factories are producing">
-                  <Typography>Exports</Typography>
+                  <Typography fontSize={theme.custom.smallText}>
+                    Exports
+                  </Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="5%">
                 <Tooltip title="How many units per hour factories are producing">
-                  <Typography>u/h</Typography>
+                  <Typography fontSize={theme.custom.smallText}>u/h</Typography>
                 </Tooltip>
               </TableCell>
               <TableCell width="5%">
                 <Tooltip title="How many million ISK per month this planet is exporting (Jita sell min)">
-                  <Typography>ISK/M</Typography>
+                  <Typography fontSize={theme.custom.smallText}>
+                    ISK/M
+                  </Typography>
                 </Tooltip>
               </TableCell>
             </TableRow>