fix: link field overflow issue

frontend/src/components/Controls/Link.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="space-y-1.5">
+  <div class="space-y-1.5 p-[2px] -m-[2px]">
     <label class="block" :class="labelClasses" v-if="attrs.label">
       {{ __(attrs.label) }}
     </label>

frontend/src/components/FieldLayout.vue

@@ -112,7 +112,7 @@
                   </div>
                   <div class="flex gap-1" v-else-if="field.type === 'Link'">
                     <Link
-                      class="form-control flex-1"
+                      class="form-control flex-1 truncate"
                       :value="data[field.name]"
                       :doctype="field.options"
                       :filters="field.filters"

frontend/src/components/frappe-ui/Autocomplete.vue

@@ -18,15 +18,12 @@
               :class="inputClasses"
               @click="() => togglePopover()"
             >
-              <div class="flex items-center">
+              <div class="flex text-base leading-5 items-center truncate">
                 <slot name="prefix" />
-                <span
+                <span v-if="selectedValue" class="truncate">
-                  class="overflow-hidden text-ellipsis whitespace-nowrap text-base leading-5"
-                  v-if="selectedValue"
-                >
                   {{ displayValue(selectedValue) }}
                 </span>
-                <span class="text-base leading-5 text-ink-gray-4" v-else>
+                <span v-else class="text-ink-gray-4 truncate">
                   {{ placeholder || '' }}
                 </span>
               </div>