center button & remove discount info

Author: TC-MO

src/components/StoragePricingCalculator/StoragePricingCalculator.module.css

@@ -66,7 +66,7 @@
 
 .radioOption {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 0.75rem;
   padding: 1rem;
   border: 1px solid var(--color-neutral-border, #e2e8f0);
@@ -89,7 +89,6 @@
 
 .radioOption input[type="radio"] {
   margin: 0;
-  margin-top: 0.125rem;
   accent-color: var(--ifm-color-primary);
 }
 
@@ -254,30 +253,30 @@
   .calculator {
     padding: 1rem;
   }
-  
+
   .selectionRow {
     grid-template-columns: 1fr;
     gap: 1.5rem;
   }
-  
+
   .inputGrid {
     grid-template-columns: 1fr;
   }
-  
+
   .radioOption {
     padding: 0.75rem;
   }
-  
+
   .results {
     padding: 1rem;
   }
-  
+
   .costItem {
     flex-direction: column;
     align-items: flex-start;
     gap: 0.25rem;
   }
-  
+
   .totalCost {
     flex-direction: column;
     align-items: flex-start;

src/components/StoragePricingCalculator/index.jsx

@@ -77,7 +77,7 @@ const StoragePricingCalculator = () => {
 
       <Admonition type="warning" title="This is an estimate">
         This is an estimate based on current pricing. Actual costs may vary.<br/>
-        Prices are per 1,000 GB-hours for storage and per 1,000 operations for reads/writes/lists.
+        Prices are per 1,000 GB-hours for storage and per operation for reads/writes/lists.
       </Admonition>
 
       <div className={styles.controls}>
@@ -117,12 +117,6 @@ const StoragePricingCalculator = () => {
                   />
                   <div className={styles.radioContent}>
                     <strong>{tier.name}</strong>
-                    <span>
-                      {tier.storageMultiplier < 1
-                        ? `${((1 - tier.storageMultiplier) * 100).toFixed(0)}% discount`
-                        : 'Standard pricing'
-                      }
-                    </span>
                   </div>
                 </label>
               ))}