Fixed bugs: overflows on location view, made location view scrollable

lib/components/locations/add_location_by_search_form.dart

@@ -67,8 +67,12 @@ class _AddLocationBySearchFormState extends State<AddLocationBySearchForm> {
         children: [_singleResult(name: "No result")],
       );
     }
+    Iterable<LocationModel> locationsToShow = _locations!;
+    if (locationsToShow.length > 3) {
+      locationsToShow = _locations!.getRange(0, 3);
+    }
     return Column(children: [
-      for (LocationModel location in _locations!.getRange(0, 3))
+      for (LocationModel location in locationsToShow)
         _singleResult(name: location.name, location: location)
     ]);
   }

lib/components/locations/add_location_form.dart

@@ -45,9 +45,10 @@ class AddLocationsFormState extends State<AddLocationsForm> {
     return Form(
         key: _formKey,
         child: Column(children: [
-          Flexible(
+          // Flexible(
-              flex: 4,
+          //     flex: 4,
-              child: TextFormField(
+          // child:
+          TextFormField(
             //Location Name
             onSaved: (input) {
               newLocationName = input;
@@ -64,7 +65,7 @@ class AddLocationsFormState extends State<AddLocationsForm> {
             }),
             decoration: const InputDecoration(
                 border: UnderlineInputBorder(), labelText: "Location Name"),
-              )),
+          ),
           Row(
             crossAxisAlignment: CrossAxisAlignment.end,
             children: [

lib/components/locations/manage_single_location.dart

@@ -13,8 +13,11 @@ class ManageSingleLocation extends StatelessWidget {
         child: Padding(
             padding: const EdgeInsets.all(10),
             child: Row(children: [
-              Text(name, style: Theme.of(context).textTheme.headline5),
+              Expanded(
-              const Spacer(),
+                  child: Padding(
+                      padding: const EdgeInsets.only(right: 12),
+                      child: Text(name,
+                          style: Theme.of(context).textTheme.headline5))),
               GestureDetector(
                   onTap: () => delete(name),
                   child: const Icon(Icons.delete_sharp))

lib/screens/locations.dart

@@ -37,26 +37,27 @@ class _LocationsState extends State<Locations> {
         appBar: AppBar(
           title: const Text('Locations'),
         ),
-        body: Padding(
+        body: SingleChildScrollView(
+            child: Padding(
                 padding: const EdgeInsets.all(20),
                 child: Center(
                     child: Column(
                         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                         children: [
                       for (String name in locations)
-                    ManageSingleLocation(name: name, delete: deleteLocation),
+                        ManageSingleLocation(
+                            name: name, delete: deleteLocation),
                       ...[
                         const SizedBox(height: 20),
                         const Text("Add location by search"),
-                    AddLocationBySearchForm(saveNewLocation: saveNewLocation),
+                        AddLocationBySearchForm(
+                            saveNewLocation: saveNewLocation),
                         const SizedBox(height: 20),
                         const Text("Add location by coordinates"),
-                    Flexible(
+                        AddLocationsForm(
-                        fit: FlexFit.loose,
-                        child: AddLocationsForm(
                             saveNewLocation: saveNewLocation,
-                            savedLocations: locations)),
+                            savedLocations: locations),
                       ],
-                ]))));
+                    ])))));
   }
 }