UI: фикс адресной строки — width:auto перебивает .gps-button/.form-group width:100%

.gps-button { width:100% } в flex-строке съедал всю ширину, input сжимался
до огрызка. Inline width:auto/flexShrink:0 у кнопки и width:auto/minWidth:0
у инпута.
This commit is contained in:
2026-09-09 19:25:47 +03:00
parent 333b827ba7
commit ee1265c259
@@ -295,7 +295,7 @@ const Step4Environment = ({ data, updateData }) => {
<div style={{ display: "flex", gap: "8px" }}> <div style={{ display: "flex", gap: "8px" }}>
<input <input
type="text" type="text"
style={{ flex: 1, height: "44px" }} style={{ flex: 1, minWidth: 0, width: "auto", height: "44px" }}
value={data.tnp_address || ""} value={data.tnp_address || ""}
onChange={(e) => updateData({ tnp_address: e.target.value })} onChange={(e) => updateData({ tnp_address: e.target.value })}
placeholder="Минск, ул. Ленина 10" placeholder="Минск, ул. Ленина 10"
@@ -305,7 +305,7 @@ const Step4Environment = ({ data, updateData }) => {
className="gps-button" className="gps-button"
onClick={handleGeocode} onClick={handleGeocode}
disabled={data.geocode_loading || !(data.tnp_address || "").trim()} disabled={data.geocode_loading || !(data.tnp_address || "").trim()}
style={{ whiteSpace: "nowrap" }} style={{ width: "auto", flexShrink: 0, whiteSpace: "nowrap" }}
> >
{data.geocode_loading ? "Поиск..." : "🔎 Найти координаты"} {data.geocode_loading ? "Поиск..." : "🔎 Найти координаты"}
</button> </button>