Update index.html

index.html

@@ -21,20 +21,24 @@
 
     <section class="content">
         <div class="converter-container">
-            <input type="number" id="amount" placeholder="Enter amount">
-            <select id="from-currency">
-                <option value="USD">🇺🇸 USD</option>
-                <option value="EUR">🇪🇺 EUR</option>
-                <!-- Add other currencies here -->
-            </select>
-            <select id="to-currency">
-                <option value="EUR">🇪🇺 EUR</option>
-                <option value="USD">🇺🇸 USD</option>
-                <!-- Add other currencies here -->
-            </select>
+            <div class="currency-box">
+                <input type="number" id="amount" placeholder="Enter amount">
+            </div>
+            <div class="currency-select">
+                <select id="from-currency">
+                    <option value="USD">🇺🇸 USD</option>
+                    <option value="EUR">🇪🇺 EUR</option>
+                    <!-- Add other currencies here -->
+                </select>
+                <button id="swap-btn" onclick="swapCurrencies()">🔄</button>
+                <select id="to-currency">
+                    <option value="EUR">🇪🇺 EUR</option>
+                    <option value="USD">🇺🇸 USD</option>
+                    <!-- Add other currencies here -->
+                </select>
+            </div>
             <button id="convert-btn">Convert</button>
             <p id="result"></p>
-            <button id="swap-btn" onclick="swapCurrencies()">Swap</button>
         </div>
     </section>