Update kidsReport.dart

lib/kidsReport.dart

@@ -49,7 +49,7 @@ class _KidsReportPageState extends State<KidsReportPage> {
   Map<String, String?> recognitionDropdownMap = {
     'Can express with pictures and words': 'Select',
     'Identify shapes': 'Select',
-    'Knows Primary colors. s': 'Select',
+    'Knows Primary colors.': 'Select',
     'Identify basic objects in the environment': 'Select',
   };
 
@@ -135,20 +135,51 @@ class _KidsReportPageState extends State<KidsReportPage> {
                     dropdownMap: personalityDropdownMap,
                   ),
                   SizedBox(height: 20),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                      children: [
                         ElevatedButton(
                           onPressed: () async {
                             if (_formkey.currentState!.validate()) {
                               postDetailsToFirestore(context);
                             }
                           },
-                    child: Text('Save'),
+                          style: ElevatedButton.styleFrom(
+                            primary: const Color.fromARGB(255, 48, 206, 53),
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(10.0),
+                            ),
+                          ),
+                          child: Padding(
+                            padding: const EdgeInsets.all(10.0),
+                            child: Text(
+                              'Save',
+                              style: TextStyle(color: const Color.fromARGB(255, 255, 255, 255)),
+                            ),
+                          ),
                         ),
-                  SizedBox(height: 10),
                         ElevatedButton(
                           onPressed: () {
                             Navigator.pop(context);
                           },
-                    child: Text('Cancel'),
+                          style: ElevatedButton.styleFrom(
+                            primary: const Color.fromARGB(255, 255, 255, 255),
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(10.0),
+                            ),
+                          ),
+                          child: Padding(
+                            padding: const EdgeInsets.all(10.0),
+                            child: Text(
+                              'Cancel',
+                              style: TextStyle(color: Colors.black),
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
                   ),
                   SizedBox(height: 20),
                 ],
@@ -190,7 +221,7 @@ class _KidsReportPageState extends State<KidsReportPage> {
                 Expanded(
                   flex: 1,
                   child: Container(
-                    width: 100, // Adjust the width as needed
+                    width: 100,
                     child: DropdownButton<String>(
                       value: dropdownMap[key],
                       icon: Icon(Icons.arrow_drop_down),
@@ -274,3 +305,4 @@ class _KidsReportPageState extends State<KidsReportPage> {
     )..show();
   }
 }
+