Update style.css

style.css

@@ -214,45 +214,36 @@ body {
     margin: 5px 0;
 }
 
-/* Untuk ukuran "from" dan "to" agar sama dengan "amount" pada mode mobile */
+/* Penyesuaian tombol swap dan elemen lainnya untuk mode mobile */
 @media screen and (max-width: 768px) {
-    .currency-group select,
-    .currency-box input {
-        width: 100%; /* Pastikan dropdown dan input memiliki lebar yang sama */
-        max-width: 400px; /* Lebar maksimum sama dengan input "amount" */
+    .currency-select {
+        flex-direction: column; /* Untuk elemen vertikal */
+        align-items: center;
+    }
+
+    .currency-box input,
+    .currency-select select {
+        width: 100%; /* Agar input dan dropdown lebarnya sama */
+        max-width: 400px; /* Sama dengan lebar input "amount" */
     }
 
-    /* Mengatur arah panah swap pada mode mobile (vertikal) */
     #swap-btn {
-        transform: rotate(90deg); /* Rotasi 90 derajat untuk panah vertikal */
+        transform: rotate(90deg); /* Arahkan panah swap ke vertikal */
     }
 
-    /* Untuk tombol swap agar sesuai pada mode mobile */
-    .currency-select {
-        flex-direction: column; /* Agar elemen berada di bawah satu sama lain */
+    .steps {
+        flex-direction: column; /* Langkah-langkah dalam kolom */
+        align-items: center;
     }
 }
 
-/* Untuk tampilan web, arah panah swap tetap horizontal */
+/* Penyesuaian untuk tampilan desktop (web mode) */
 @media screen and (min-width: 769px) {
     #swap-btn {
-        transform: rotate(0deg); /* Tidak ada rotasi untuk panah horizontal */
+        transform: rotate(0deg); /* Arahkan panah swap ke horizontal */
     }
 
-    /* Layout default untuk tampilan desktop */
     .currency-select {
-        flex-direction: row; /* Elemen berada dalam baris */
-    }
-}
-
-@media screen and (max-width: 480px) {
-    .currency-box input,
-    .currency-select select,
-    .currency-select button {
-        width: 100%;
-    }
-
-    .steps {
-        gap: 15px; /* Kurangi jarak antar kotak di layar kecil */
+        flex-direction: row; /* Untuk elemen horizontal */
     }
 }