From 6fb4d37845a9f0d72be19fb7ab02a47f46186fa8 Mon Sep 17 00:00:00 2001
From: Natalie Rose <natalie@omg.lol>
Date: Mon, 28 Sep 2026 10:24:27 +1000
Subject: [PATCH] Fix bold text that wasn't working

---
 app/components/builder/categoryMenu.tsx             | 4 ++--
 app/components/inbox/messageBody.tsx                | 2 +-
 app/components/inbox/messageDetail.tsx              | 8 ++++----
 app/components/stats/general/bodiesTab.tsx          | 2 +-
 app/components/stats/general/buildingsTab.tsx       | 2 +-
 app/components/stats/general/collapsibleSection.tsx | 6 +++---
 app/components/stats/general/shipsTab.tsx           | 2 +-
 app/css/_theme.scss                                 | 2 +-
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/components/builder/categoryMenu.tsx b/app/components/builder/categoryMenu.tsx
index 54d1193c..67b3fb8e 100644
--- a/app/components/builder/categoryMenu.tsx
+++ b/app/components/builder/categoryMenu.tsx
@@ -30,7 +30,7 @@ const CategoryMenu: React.FunctionComponent<Props> = ({ onSelect }) => (
             ))}
             <li>
               <a onClick={() => onSelect('Resources')}>
-                <strong>All Resources</strong>
+                <span className='has-text-weight-bold'>All Resources</span>
               </a>
             </li>
           </ul>
@@ -48,7 +48,7 @@ const CategoryMenu: React.FunctionComponent<Props> = ({ onSelect }) => (
             ))}
             <li>
               <a onClick={() => onSelect('Infrastructure')}>
-                <strong>All Infrastructure</strong>
+                <span className='has-text-weight-bold'>All Infrastructure</span>
               </a>
             </li>
           </ul>
diff --git a/app/components/inbox/messageBody.tsx b/app/components/inbox/messageBody.tsx
index e78d7d53..6c99f766 100644
--- a/app/components/inbox/messageBody.tsx
+++ b/app/components/inbox/messageBody.tsx
@@ -78,7 +78,7 @@ const renderLine = (line: string, lineKey: number): React.ReactNode[] => {
     tokenIndex += 1;
 
     if (bold !== undefined) {
-      nodes.push(<b key={key}>{bold}</b>);
+      nodes.push(<strong key={key}>{bold}</strong>);
     } else if (icon !== undefined) {
       nodes.push(
         <img
diff --git a/app/components/inbox/messageDetail.tsx b/app/components/inbox/messageDetail.tsx
index 5963836c..9f0587a2 100644
--- a/app/components/inbox/messageDetail.tsx
+++ b/app/components/inbox/messageDetail.tsx
@@ -121,7 +121,7 @@ const MessageDetail: React.FunctionComponent<Props> = ({
               <tbody>
                 <tr>
                   <td>
-                    <strong>Received</strong>
+                    <span className='has-text-weight-bold'>Received</span>
                   </td>
                   <td>
                     <TimeInWords date={message.date} />
@@ -129,7 +129,7 @@ const MessageDetail: React.FunctionComponent<Props> = ({
                 </tr>
                 <tr>
                   <td>
-                    <strong>From</strong>
+                    <span className='has-text-weight-bold'>From</span>
                   </td>
                   <td>
                     <EmpireLink id={message.from_id} name={message.from} />
@@ -137,7 +137,7 @@ const MessageDetail: React.FunctionComponent<Props> = ({
                 </tr>
                 <tr>
                   <td>
-                    <strong>To</strong>
+                    <span className='has-text-weight-bold'>To</span>
                   </td>
                   <td>
                     <EmpireLink id={message.to_id} name={message.to} />
@@ -145,7 +145,7 @@ const MessageDetail: React.FunctionComponent<Props> = ({
                 </tr>
                 <tr>
                   <td>
-                    <strong>Subject</strong>
+                    <span className='has-text-weight-bold'>Subject</span>
                   </td>
                   <td>{message.subject}</td>
                 </tr>
diff --git a/app/components/stats/general/bodiesTab.tsx b/app/components/stats/general/bodiesTab.tsx
index 5b337f9d..80301b76 100644
--- a/app/components/stats/general/bodiesTab.tsx
+++ b/app/components/stats/general/bodiesTab.tsx
@@ -35,7 +35,7 @@ const BodiesTab: React.FunctionComponent<Props> = ({ data }) => (
     <li>
       <label>Colonies:</label> {util.commify(data.colony_count)}
     </li>
-    <li>
+    <li className='mt-4'>
       <label>Types</label>
       <ul>
         <CollapsibleSection title='Asteroids'>
diff --git a/app/components/stats/general/buildingsTab.tsx b/app/components/stats/general/buildingsTab.tsx
index d05999d1..dd06d838 100644
--- a/app/components/stats/general/buildingsTab.tsx
+++ b/app/components/stats/general/buildingsTab.tsx
@@ -12,7 +12,7 @@ const BuildingsTab: React.FunctionComponent<Props> = ({ data }) => (
     <li>
       <label>Total Buildings:</label> {util.commify(data.count)}
     </li>
-    <li>
+    <li className='mt-4'>
       <label>Types</label>
       <ul>
         {Object.keys(data.types)
diff --git a/app/components/stats/general/collapsibleSection.tsx b/app/components/stats/general/collapsibleSection.tsx
index 83bd0888..6c102901 100644
--- a/app/components/stats/general/collapsibleSection.tsx
+++ b/app/components/stats/general/collapsibleSection.tsx
@@ -13,11 +13,11 @@ const CollapsibleSection: React.FunctionComponent<Props> = ({ title, children })
   const [expanded, setExpanded] = useState(false);
 
   return (
-    <li className='mb-2'>
+    <li className='mb-4'>
       <a onClick={() => setExpanded(!expanded)}>
-        <strong>
+        <span className='has-text-weight-bold'>
           {expanded ? '▾' : '▸'} {title}
-        </strong>
+        </span>
       </a>
       {expanded && <ul className='ml-4'>{children}</ul>}
     </li>
diff --git a/app/components/stats/general/shipsTab.tsx b/app/components/stats/general/shipsTab.tsx
index 3887e48e..40691f68 100644
--- a/app/components/stats/general/shipsTab.tsx
+++ b/app/components/stats/general/shipsTab.tsx
@@ -12,7 +12,7 @@ const ShipsTab: React.FunctionComponent<Props> = ({ data }) => (
     <li>
       <label>Total Ships:</label> {util.commify(data.count)}
     </li>
-    <li>
+    <li className='mt-4'>
       <label>Types</label>
       <ul>
         {Object.keys(data.types).map((key) => (
diff --git a/app/css/_theme.scss b/app/css/_theme.scss
index 4cfdda90..93010fad 100644
--- a/app/css/_theme.scss
+++ b/app/css/_theme.scss
@@ -48,7 +48,7 @@ $body-background-color: black;
 $weight-light: 200;
 $weight-normal: 300;
 $weight-medium: 400;
-$weight-semibold: 500;
+$weight-semibold: 600;
 $weight-bold: 600;
 
 $text: $white;
-- 
2.51.2