Merge pull request #844 from Arshhasan/Headers,-Params-&-Form-data-text-fields-get-clipped-towards-bottom-for-longer-texts

Fix Issue[Mobile] #842 Headers, Params & Form data text fields get clipped towards bottom for longer texts

Author: animator

lib/screens/common_widgets/envfield_cell.dart

@@ -1,3 +1,4 @@
+import 'package:apidash/consts.dart';
 import 'package:apidash_design_system/apidash_design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:multi_trigger_autocomplete_plus/multi_trigger_autocomplete_plus.dart';
@@ -37,6 +38,8 @@ class EnvCellField extends StatelessWidget {
       decoration: getTextFieldInputDecoration(
         clrScheme,
         hintText: hintText,
+        isDense: true,
+        contentPadding: kIsMobile ? kPh6b12 : null,
       ),
       autocompleteNoTrigger: autocompleteNoTrigger,
       onChanged: onChanged,

packages/apidash_design_system/lib/tokens/measurements.dart

@@ -64,6 +64,11 @@ const kPs0o6 = EdgeInsets.only(
   right: 6,
   bottom: 6,
 );
+const kPh6b12 = EdgeInsets.only(
+  left: 6.0,
+  right: 6.0,
+  bottom: 12.0,
+);
 const kPh60 = EdgeInsets.symmetric(horizontal: 60);
 const kPh60v60 = EdgeInsets.symmetric(vertical: 60, horizontal: 60);
 const kPt24l4 = EdgeInsets.only(