Merge pull request #359 from Esri/Caleb/Fix-FindRouteInMobileMapPackageIcons

[Fix] Find route in mobile map package icons in dark mode

Author: CalebRas

Shared/Samples/Find route in mobile map package/FindRouteInMobileMapPackageView.swift

@@ -101,26 +101,30 @@ private extension FindRouteInMobileMapPackageView {
                         .resizable()
                         .scaledToFit()
                         .frame(height: 50)
-                        .overlay {
-                            // The symbols indicating the map's functionality.
-                            VStack {
-                                HStack {
-                                    if !map.transportationNetworks.isEmpty {
-                                        // The symbol indicating whether the map can route.
-                                        Image(systemName: "arrow.triangle.turn.up.right.circle")
-                                    }
-                                    Spacer()
-                                    if mapPackage.locatorTask != nil {
-                                        // The symbol indicating whether the map can geocode.
+                        
+                        VStack(alignment: .leading, spacing: 2) {
+                            Text(mapName)
+                            
+                            HStack {
+                                // The symbol indicating whether the map can geocode.
+                                if mapPackage.locatorTask != nil {
+                                    HStack(spacing: 2) {
                                         Image(systemName: "mappin.circle")
+                                        Text("Geocoding")
+                                    }
+                                }
+                                
+                                // The symbol indicating whether the map can route.
+                                if !map.transportationNetworks.isEmpty {
+                                    HStack(spacing: 2) {
+                                        Image(systemName: "arrow.triangle.turn.up.right.circle")
+                                        Text("Routing")
                                     }
                                 }
-                                .padding(2)
-                                Spacer()
                             }
+                            .font(.caption2)
+                            .foregroundStyle(.secondary)
                         }
-                        
-                        Text(mapName)
                     }
                 }
             }