diff --git a/client/src/__locales/en.json b/client/src/__locales/en.json index a8164e1e..454ef214 100644 --- a/client/src/__locales/en.json +++ b/client/src/__locales/en.json @@ -370,6 +370,7 @@ "interval_days": "{{count}} day", "interval_days_plural": "{{count}} days", "time_period": "Time period", + "time_period_desc": "If you decrease the interval value — some data will be lost", "domain": "Domain", "answer": "Answer", "filter_added_successfully": "The filter has been successfully added" diff --git a/client/src/components/Settings/StatsConfig/Form.js b/client/src/components/Settings/StatsConfig/Form.js index fa7e117c..828ffa15 100644 --- a/client/src/components/Settings/StatsConfig/Form.js +++ b/client/src/components/Settings/StatsConfig/Form.js @@ -37,12 +37,15 @@ const Form = (props) => { <form onSubmit={handleSubmit}> <div className="row"> <div className="col-12"> - <label className="form__label" htmlFor="server_name"> + <label className="form__label form__label--with-desc" htmlFor="server_name"> <Trans>time_period</Trans> </label> + <div className="form__desc form__desc--top"> + <Trans>time_period_desc</Trans> + </div> </div> <div className="col-12"> - <div className="form__group"> + <div className="form__group mt-2"> <div className="custom-controls-stacked"> {getIntervalFields(processing, t, handleChange, toNumber)} </div>