column ordering

Author: glitch003

docs/snippets/CurrentPricesTable.jsx

@@ -331,23 +331,23 @@ export const CurrentPricesTable = () => {
             <tr style={{ backgroundColor: '#f5f5f5' }}>
               <th
                 style={{
-                  padding: '8px 10px',
-                  textAlign: 'right',
+                  padding: '8px 6px 8px 0',
+                  textAlign: 'left',
                   border: '1px solid #ddd',
                   fontSize: '0.9em',
                 }}
               >
-                Current Price
+                Product
               </th>
               <th
                 style={{
-                  padding: '8px 6px 8px 0',
-                  textAlign: 'left',
+                  padding: '8px 10px',
+                  textAlign: 'right',
                   border: '1px solid #ddd',
                   fontSize: '0.9em',
                 }}
               >
-                Product
+                Current Price
               </th>
               <th
                 style={{
@@ -390,25 +390,25 @@ export const CurrentPricesTable = () => {
                 <tr key={productId}>
                   <td
                     style={{
-                      padding: '8px 10px',
-                      textAlign: 'right',
+                      padding: '8px 6px 8px 0',
                       border: '1px solid #ddd',
-                      fontFamily: 'monospace',
-                      fontWeight: '600',
-                      fontSize: '0.85em',
+                      fontWeight: '500',
+                      fontSize: '0.9em',
                     }}
                   >
-                    {formatPrice(currentPriceInTokens, currentPriceInUSD)}
+                    {PRODUCT_NAMES[productId]}
                   </td>
                   <td
                     style={{
-                      padding: '8px 6px 8px 0',
+                      padding: '8px 10px',
+                      textAlign: 'right',
                       border: '1px solid #ddd',
-                      fontWeight: '500',
-                      fontSize: '0.9em',
+                      fontFamily: 'monospace',
+                      fontWeight: '600',
+                      fontSize: '0.85em',
                     }}
                   >
-                    {PRODUCT_NAMES[productId]}
+                    {formatPrice(currentPriceInTokens, currentPriceInUSD)}
                   </td>
                   <td
                     style={{