Update index.html

index.html

@@ -14,12 +14,15 @@
     </header>
     
     <form id="currencyForm">
+      <!-- Label Amount -->
       <div class="form-group">
         <label for="amount">Amount</label>
         <input type="number" id="amount" placeholder="Enter amount" value="10.00" required>
       </div>
 
+      <!-- Label From, Swap, and To -->
       <div class="currency-selectors">
+        <!-- From Section -->
         <div class="currency-group">
           <label for="fromCurrency">From</label>
           <select id="fromCurrency" required>
@@ -35,10 +38,14 @@
           </select>
         </div>
 
-        <button type="button" id="swapButton" aria-label="Swap Currencies">
-          <i class="fas fa-arrows-alt-v"></i>
-        </button>
+        <!-- Swap Button -->
+        <div class="swap-group">
+          <button type="button" id="swapButton" aria-label="Swap Currencies">
+            <i class="fas fa-arrows-alt-v"></i>
+          </button>
+        </div>
 
+        <!-- To Section -->
         <div class="currency-group">
           <label for="toCurrency">To</label>
           <select id="toCurrency" required>
@@ -55,11 +62,15 @@
         </div>
       </div>
       
-      <button type="submit">Convert</button>
+      <!-- Result Section -->
+      <div id="result" class="result-box">
+        Result will appear here
+      </div>
+
+      <!-- Convert Button -->
+      <button type="submit" class="convert-button">Convert</button>
     </form>
     
-    <div id="result"></div>
-    
     <footer>
       <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All Rights Reserved.</p>
     </footer>