move column

Author: glitch003

docs/snippets/CurrentPricesTable.jsx

@@ -331,23 +331,23 @@ export const CurrentPricesTable = () => {
             <tr style={{ backgroundColor: '#f5f5f5' }}>
               <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={{
-                  padding: '8px 10px',
-                  textAlign: 'right',
+                  padding: '8px 6px 8px 0',
+                  textAlign: 'left',
                   border: '1px solid #ddd',
                   fontSize: '0.9em',
                 }}
               >
-                Base Price
+                Product
               </th>
               <th
                 style={{
@@ -357,7 +357,7 @@ export const CurrentPricesTable = () => {
                   fontSize: '0.9em',
                 }}
               >
-                Max Price
+                Base Price
               </th>
               <th
                 style={{
@@ -367,7 +367,7 @@ export const CurrentPricesTable = () => {
                   fontSize: '0.9em',
                 }}
               >
-                Current Price
+                Max Price
               </th>
             </tr>
           </thead>
@@ -390,24 +390,25 @@ export const CurrentPricesTable = () => {
                 <tr key={productId}>
                   <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={{
-                      padding: '8px 10px',
-                      textAlign: 'right',
+                      padding: '8px 6px 8px 0',
                       border: '1px solid #ddd',
-                      fontFamily: 'monospace',
-                      fontSize: '0.85em',
+                      fontWeight: '500',
+                      fontSize: '0.9em',
                     }}
                   >
-                    {formatPrice(basePriceInTokens, basePriceInUSD)}
+                    {PRODUCT_NAMES[productId]}
                   </td>
                   <td
                     style={{
@@ -418,19 +419,18 @@ export const CurrentPricesTable = () => {
                       fontSize: '0.85em',
                     }}
                   >
-                    {formatPrice(maxPriceInTokens, maxPriceInUSD)}
+                    {formatPrice(basePriceInTokens, basePriceInUSD)}
                   </td>
                   <td
                     style={{
                       padding: '8px 10px',
                       textAlign: 'right',
                       border: '1px solid #ddd',
                       fontFamily: 'monospace',
-                      fontWeight: '600',
                       fontSize: '0.85em',
                     }}
                   >
-                    {formatPrice(currentPriceInTokens, currentPriceInUSD)}
+                    {formatPrice(maxPriceInTokens, maxPriceInUSD)}
                   </td>
                 </tr>
               );