Show number in section

lib/Screens/Configurations/listView_card_section.dart

@@ -50,16 +50,41 @@ class _ListViewCardSectionsState extends State<ListViewCardSections> {
       width: 150,
       height: 150,
       decoration: boxDecoration(sectionDTO, appContext),
-      padding: const EdgeInsets.all(5),
-      //margin: EdgeInsets.symmetric(vertical: 15, horizontal: 15),
-      child: Align(
-        alignment: Alignment.center,
-          child: getDetails(sectionDTO, size),
+      child: Stack(
+        children: [
+          Align(
+            alignment: Alignment.bottomLeft,
+            child: Container(
+              padding: const EdgeInsets.symmetric(
+                horizontal: 13, // 30 padding
+                vertical: 5, // 5 top and bottom
+              ),
+              decoration: const BoxDecoration(
+                color: kPrimaryColor,
+                borderRadius: BorderRadius.only(
+                  bottomLeft: Radius.circular(10),
+                  topRight: Radius.circular(22),
+                ),
+              ),
+              child: Text(
+                  "${sectionDTO.order+1}",
+                  style: const TextStyle(color: Colors.white)
+              ),
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(5.0),
+            child: Align(
+              alignment: Alignment.center,
+                child: getDetails(sectionDTO, size),
+            ),
+          ),
+        ],
       ),
     );
   }
 
-  getDetails(dynamic element, Size size) {
+  getDetails(SectionDTO element, Size size) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       mainAxisAlignment: MainAxisAlignment.spaceBetween,