From 2cbbef720b11bfad516671c6ec8f94da8826d992 Mon Sep 17 00:00:00 2001
From: Muhammad Umar <umar.roulia@gmail.com>
Date: Thu, 29 Jul 2021 17:39:16 +0500
Subject: [PATCH] Minor Changes

---
 index.html | 6 +++---
 styles.css | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 4df9318..69e2309 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
           <button
             id="addProduct"
             onclick="handleAddProduct(this)"
-            class="btn btn-success"
+            class="btn btn-outline-success"
           >
             Add a new Product
           </button>
@@ -101,7 +101,7 @@ <h2>List of Products</h2>
           <table class="table table-bordered">
             <thead>
               <tr>
-                <th scope="col">No.</th>
+                <th scope="col">Product ID.</th>
                 <th scope="col">Product Name</th>
                 <th scope="col">Product Price</th>
                 <th scope="col">Number of Products</th>
@@ -116,7 +116,7 @@ <h2>List of Products</h2>
         <hr />
         <div class="col-12">
           <button class="btn btn-info" onclick="handleCalculateTotal()">
-            Calculate Total
+            Calculate Sum
           </button>
           <button class="btn btn-danger" onclick="handleClearAll()">
             Clear All
diff --git a/styles.css b/styles.css
index 45b5e82..6f1bc7a 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,9 @@
+body{
+  background-color: blanchedalmond !important;
+}
 #productForm {
   display: none;
-  position: absolute;
+  position: fixed;
 }
 
 .error {