scan button and padding bottom scan button

lib/components/card_list.dart

@@ -49,7 +49,7 @@ class CardList extends StatelessWidget {
                   ),
                   const Spacer(),
                   Padding(
-                    padding: const EdgeInsets.all(8.0),
+                    padding: EdgeInsets.all(0.08),
                     child: const Row(
                       crossAxisAlignment: CrossAxisAlignment.start,
                       mainAxisAlignment: MainAxisAlignment.spaceBetween,

lib/components/scan_button.dart

@@ -7,19 +7,28 @@ class ScanButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final screenWidth = MediaQuery.of(context).size.width;
+
+    // Skala berdasarkan lebar layar
+    final buttonSize = screenWidth * 0.20; // Adjust as needed
+    final iconSize = buttonSize * 0.7;
+    final padding = buttonSize * 0.15;
+
     return Container(
-      width: 76,
-      height: 76,
+      width: buttonSize,
+      height: buttonSize,
+      // width: 76,
+      // height: 76,
       decoration: BoxDecoration(
         shape: BoxShape.circle,
         color: const Color.fromARGB(223, 67, 63, 179),
       ),
-      padding: EdgeInsets.all(10),
+      padding: EdgeInsets.all(padding),
       child: IconButton(
         icon: SvgPicture.asset(
           'assets/icons/Scan.svg',
-          width: 60,
-          height: 60,
+          width: iconSize,
+          height: iconSize,
           colorFilter: ColorFilter.mode(
             Color.fromARGB(255, 217, 219, 227),
             BlendMode.srcIn,