DC Calculator Updates (helium#1325)

* On mobile use number pad for inputs.

* handle large numbers on mobile

Author: jthiller

src/css/custom.css

@@ -761,6 +761,8 @@ html[data-theme='dark'] .badge--secondary:hover {
 .dc-calc-table td {
   font-weight: bold;
   text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
 }
 /* End DcCostEstimator.jsx */
 

src/theme/DcCostEstimator.jsx

@@ -58,6 +58,7 @@ const OperationCostEstimator = () => {
         <label htmlFor="numberOfDevices">Number of Devices:</label>
         <input
           type="number"
+          pattern="[0-9]*"
           id="numberOfDevices"
           value={numberOfDevices}
           onChange={handleNumberOfDevicesChange}
@@ -69,6 +70,7 @@ const OperationCostEstimator = () => {
         <div className='dc-calc-frequency-wrapper'>
             <input
             type="number"
+            pattern="[0-9]*"
             id="uplinkFrequency"
             value={uplinkFrequency}
             onChange={handleUplinkFrequencyChange}