location picker and ui fixes

frontend/lib/modules/step_between_landmarks.dart

@@ -0,0 +1,60 @@
+import 'package:anyway/structs/landmark.dart';
+import 'package:flutter/material.dart';
+
+class StepBetweenLandmarks extends StatefulWidget {
+  final Landmark current;
+  final Landmark next;
+
+  const StepBetweenLandmarks({
+    super.key,
+    required this.current,
+    required this.next
+    });
+
+  @override
+  State<StepBetweenLandmarks> createState() => _StepBetweenLandmarksState();
+}
+
+class _StepBetweenLandmarksState extends State<StepBetweenLandmarks> {
+  @override
+  Widget build(BuildContext context) {
+    int timeRounded = 5 * (widget.current.tripTime?.inMinutes ?? 0) ~/ 5;
+    // ~/ is integer division (rounding)
+    return Container(
+      margin: EdgeInsets.all(10),
+      padding: EdgeInsets.all(10),
+      decoration: BoxDecoration(
+        border: Border(
+          left: BorderSide(width: 3.0, color: Colors.black),
+        ),
+        // gradient: LinearGradient(
+        //   begin: Alignment.topLeft,
+        //   end: Alignment.bottomRight,
+        //   colors: [Colors.grey, Colors.white, Colors.white],
+        // ),
+      ),
+      child: Row( 
+        children: [
+          Column(
+            children: [
+              Icon(Icons.directions_walk),
+              Text("~$timeRounded min", style: TextStyle(fontSize: 10)),
+            ],
+          ),
+          Spacer(),
+          ElevatedButton(
+            onPressed: () {
+              // Open navigation instructions
+            },
+            child: Row(
+              children: [
+                Icon(Icons.directions),
+                Text("Directions"),
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}