push scroll bar and design enhancment

lib/pages/device_managment/shared/device_controls_container.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
 
 class DeviceControlsContainer extends StatelessWidget {
   const DeviceControlsContainer({required this.child, this.padding, super.key});
@@ -8,21 +7,21 @@ class DeviceControlsContainer extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
+    return Card(
+      shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.circular(20),
-        color: ColorsManager.greyColor.withOpacity(0.2),
-
-        // boxShadow: <BoxShadow>[
-        //   BoxShadow(
-        //       color: ColorsManager.blackColor.withOpacity(0.05),
-        //       blurRadius: 6.0,
-        //       offset: const Offset(0, 5),
-        //       spreadRadius: 0)
-        // ],
       ),
-      padding: EdgeInsets.all(padding ?? 12),
-      child: child,
+      elevation: 3,
+      surfaceTintColor: Colors.transparent,
+      child: Container(
+        decoration: BoxDecoration(
+          color: Colors.grey.shade100,
+          borderRadius: BorderRadius.circular(20),
+        ),
+        padding:
+            EdgeInsets.symmetric(vertical: padding ?? 10, horizontal: padding ?? 16), //EdgeInsets.all(padding ?? 12),
+        child: child,
+      ),
     );
   }
 }