+ control, dns, client: add ability to set DNS upstream per domain

client/src/components/Settings/Upstream/Examples.js

@@ -21,6 +21,9 @@ const Examples = props => (
             <li>
                 <code>sdns://...</code> - <span dangerouslySetInnerHTML={{ __html: props.t('example_upstream_sdns') }} />
             </li>
+            <li>
+                <code>[/host.com/]1.1.1.1</code> - <span dangerouslySetInnerHTML={{ __html: props.t('example_upstream_reserved') }} />
+            </li>
         </ol>
     </div>
 );

client/src/components/Settings/Upstream/Form.js

@@ -7,6 +7,7 @@ import flow from 'lodash/flow';
 import classnames from 'classnames';
 
 import { renderSelectField } from '../../../helpers/form';
+import Examples from './Examples';
 
 let Form = (props) => {
     const {
@@ -55,6 +56,10 @@ let Form = (props) => {
                         />
                     </div>
                 </div>
+                <div className="col-12">
+                    <Examples />
+                    <hr/>
+                </div>
                 <div className="col-12">
                     <div className="form__group">
                         <label className="form__label" htmlFor="bootstrap_dns">

client/src/components/Settings/Upstream/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { withNamespaces } from 'react-i18next';
 
 import Form from './Form';
-import Examples from './Examples';
 import Card from '../../ui/Card';
 
 class Upstream extends Component {
@@ -44,8 +43,6 @@ class Upstream extends Component {
                             processingTestUpstream={processingTestUpstream}
                             processingSetUpstream={processingSetUpstream}
                         />
-                        <hr/>
-                        <Examples />
                     </div>
                 </div>
             </Card>