wider sliders

LiamSwayne · Mar 9, 2024 · c279fa0 · c279fa0
1 parent 3400b1e
commit c279fa0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/site/calculator.html b/site/calculator.html
@@ -62,23 +62,23 @@ <h1>CO2 Emissions Calculator</h1>
     <div class="tree-slider">
         <input type="checkbox" id="organization1Checkbox" onclick="toggleOrganization('organization1')" />
         <label for="organization1Checkbox"> <a href="https://www.nationalforests.org/tree-planting-programs" target="_blank">National Forest Foundation</a>: $1 per tree</label>
-        <input type="range" id="organization1" min="0" max="1000" step="1" value="0" aria-labelledby="organization1Label" disabled />
+        <input type="range" style="width:200px;" id="organization1" min="0" max="1000" step="1" value="0" aria-labelledby="organization1Label" disabled />
         <output id="organization1Output">0 trees</output>
     </div>
 
     <!-- #TeamTrees -->
     <div class="tree-slider">
         <input type="checkbox" id="organization2Checkbox" onclick="toggleOrganization('organization2')" />
         <label for="organization2Checkbox"><a href="https://teamtrees.org/" target="_blank">#TeamTrees</a>: $1 per tree</label>
-        <input type="range" id="organization2" min="0" max="1000" step="1" value="0" aria-labelledby="organization2Label" disabled />
+        <input type="range" style="width:200px;" id="organization2" min="0" max="1000" step="1" value="0" aria-labelledby="organization2Label" disabled />
         <output id="organization2Output">0 trees</output>
     </div>
 
     <!-- One Tree Planted -->
     <div class="tree-slider">
         <input type="checkbox" id="organization3Checkbox" onclick="toggleOrganization('organization3')" />
         <label for="organization3Checkbox"><a href="https://onetreeplanted.org/products/plant-trees" target="_blank">One Tree Planted</a>: $1 per tree</label>
-        <input type="range" id="organization3" min="0" max="1000" step="1" value="0" aria-labelledby="organization3Label" disabled />
+        <input type="range" style="width:200px;" id="organization3" min="0" max="1000" step="1" value="0" aria-labelledby="organization3Label" disabled />
         <output id="organization3Output">0 trees</output>
     </div>