From f956e8c1c172fa9756f8d5be492800cb3db3ca9f Mon Sep 17 00:00:00 2001
From: Jasleen1210 <05kaur.j@gmail.com>
Date: Fri, 2 Aug 2024 10:37:46 +0530
Subject: [PATCH] Tools buttons

Made sure that all the "Calculate" buttons have the same styles
---
 tools/sip.html | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/tools/sip.html b/tools/sip.html
index e0860eb7..9f594dba 100644
--- a/tools/sip.html
+++ b/tools/sip.html
@@ -587,7 +587,9 @@ <h3>Return on Investment(ROI) Calculator</h3>
               </label>
               <input class="form-control" type="number" id="return" name="return" required>
           </div>
-          <button id="submitBtn1" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
+          <div class="btn-calculate">
+            <button id="submitBtn1" type="submit" class="btn btn-calculate">Calculate</button>
+          </div>
       </form>
       <div class="calculation" style="margin-top: 20px; display: flex; gap: 20px;">
         <b>Result:</b>
@@ -626,7 +628,11 @@ <h3>Goods and Service Tax (GST) Calculator</h3>
                         <label for="tax-slab" class="tax-slab">Tax Slab (%):</label>
                         <input type="number" id="tax-slab" class="form-control" required>
                     </div>
-                    <button id="submitBtn2" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
+                    <div class="btn-calculate">
+
+                      <button id="submitBtn2" type="submit" class="btn btn-calculate">Calculate</button>
+
+                    </div>
                 </form>
                 <div id="result" class="mt-3">
                     <h5>Result:</h5>
@@ -655,8 +661,10 @@ <h3>Income Tax Calculator</h3>
                       <label for="tax-rate" class="tax-rate">Tax Rate (%):</label>
                       <input type="number" id="tax-rate" class="form-control" required>
                   </div>
-                  <button id="submitBtn3" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
-              </form>
+                  <div class="btn-calculate">      
+                      <button id="submitBtn3" type="submit" class="btn btn-calculate">Calculate</button>
+                  </div>
+            </form>
               <div id="result" class="mt-3">
                   <h5>Result:</h5>
                   <p id="income-tax"></p>
@@ -686,7 +694,10 @@ <h3>Profit Margin Calculator</h3>
           <label for="selling-price" class="selling-price">Selling Price:</label>
           <input type="number" id="selling-price" class="form-control" required>
         </div>
-        <button id="submitBtn" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #007bff; color: #fff;">Calculate</button>
+        <div class="btn-calculate">
+
+          <button id="submitBtn" type="submit" class="btn btn-calculate">Calculate</button>
+        </div>
       </form>
       <div id="result" class="mt-3">
         <h5>Result:</h5>
@@ -717,7 +728,10 @@ <h3 class="text-center mb-4">Expenditure and Savings Calculator</h3>
                   <label for="monthly-expenditure" class="income">Monthly Expenditure:</label>
                   <input type="number" id="monthly-expenditure" class="form-control" placeholder="Enter your expenditure" required>
               </div>
-              <button id="calculateBtn" type="button" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
+              <div class="btn-calculate">
+
+                <button id="calculateBtn" type="button" class="btn btn-calculate" >Calculate</button>
+              </div>
           </form>
           <div id="result-savings" class="mt-3">
               <h5>Result:</h5>