From 202d03d9e6ea3e2f0c104111cbf885bb68e31ae9 Mon Sep 17 00:00:00 2001
From: thom <thom@amsterdamtech.nl>
Date: Tue, 22 Sep 2020 12:58:55 +0200
Subject: [PATCH] Enhance form styling

---
 .../web/admin/templates/language_add.htm      |  46 +--
 .../web/admin/templates/language_complete.htm |  51 ++--
 .../web/admin/templates/language_export.htm   |  51 ++--
 .../web/admin/templates/language_import.htm   |  79 +++--
 .../templates/remote_action_ispcupdate.htm    |  32 +-
 .../templates/remote_action_osupdate.htm      |  47 +--
 interface/web/dns/templates/dns_import.htm    | 147 ++++++----
 interface/web/dns/templates/dns_wizard.htm    | 277 ++++++++++--------
 .../web/tools/templates/import_ispconfig.htm  |  11 +-
 9 files changed, 425 insertions(+), 316 deletions(-)

diff --git a/interface/web/admin/templates/language_add.htm b/interface/web/admin/templates/language_add.htm
index 30dc4d153c..285f884ee3 100644
--- a/interface/web/admin/templates/language_add.htm
+++ b/interface/web/admin/templates/language_add.htm
@@ -1,24 +1,32 @@
 <div class='page-header'>
-	<h1><tmpl_var name="list_head_txt"></h1>
+	<h1>
+		<tmpl_var name="list_head_txt">
+	</h1>
 </div>
-<p><tmpl_var name="list_desc_txt"></p>
+<p>
+	<tmpl_var name="list_desc_txt">
+</p>
 
+<div class="panel" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<div class="form-group">
+			<label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
+			<div class="col-sm-9"><select name="lng_select" id="language" class="form-control flags">
+					{tmpl_var name='language_option'}
+				</select></div>
+		</div>
+		<div class="form-group">
+			<label for="lng_new" class="col-sm-3 control-label">{tmpl_var name='language_new_txt'}</label>
+			<div class="col-sm-9"><input type="text" name="lng_new" id="lng_new" value="" class="form-control" /></div>
+			<p class="formHint">{tmpl_var name='language_new_hint_txt'}</p>
+		</div>
 
-            <div class="form-group">
-                <label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
-                <div class="col-sm-9"><select name="lng_select" id="language" class="form-control flags">
-                    {tmpl_var name='language_option'}
-                </select></div>
-            </div>
-            <div class="form-group">
-                <label for="lng_new" class="col-sm-3 control-label">{tmpl_var name='language_new_txt'}</label>
-                <div class="col-sm-9"><input type="text" name="lng_new" id="lng_new" value="" class="form-control" /></div><p class="formHint">{tmpl_var name='language_new_hint_txt'}</p>
-            </div>
-        
+		<input type="hidden" name="id" value="{tmpl_var name='id'}">
 
-        <input type="hidden" name="id" value="{tmpl_var name='id'}">
-
-        <div class="clear"><div class="right">
-            <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_add.php">{tmpl_var name='btn_save_txt'}</button>
-            <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
-        </div></div>
+		<div class="clear">
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_add.php">{tmpl_var name='btn_save_txt'}</button>
+				<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+			</div>
+		</div>
+	</div>
diff --git a/interface/web/admin/templates/language_complete.htm b/interface/web/admin/templates/language_complete.htm
index 53f42fc8fe..0da59e1177 100644
--- a/interface/web/admin/templates/language_complete.htm
+++ b/interface/web/admin/templates/language_complete.htm
@@ -1,30 +1,39 @@
 <div class='page-header'>
-	<h1><tmpl_var name="list_head_txt"></h1>
+	<h1>
+		<tmpl_var name="list_head_txt">
+	</h1>
 </div>
-<p><tmpl_var name="list_desc_txt"></p>
 
 <div class="panel panel_language_complete">
+	<div class="alert alert-info">
+		<p>
+			<tmpl_var name="list_desc_txt">
+		</p>
+	</div>
+	<tmpl_if name="msg">
+		<div id="OKMsg">
+			<tmpl_var name="msg">
+		</div>
+	</tmpl_if>
+	<tmpl_if name="error">
+		<div id="errorMsg">
+			<tmpl_var name="error">
+		</div>
+	</tmpl_if>
 
-    <tmpl_if name="msg">
-        <div id="OKMsg"><tmpl_var name="msg"></div>
-    </tmpl_if>
-    <tmpl_if name="error">
-        <div id="errorMsg"><tmpl_var name="error"></div>
-    </tmpl_if>
-
-    <div class="pnl_formsarea">
-        <div class="form-group">
-             <label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
-            <div class="col-sm-9">
-                <select name="lng_select" id="language" class="form-control flags">{tmpl_var name='language_option'}</select>
-            </div>
-        </div>
+	<div class="pnl_formsarea">
+		<div class="form-group">
+			<label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
+			<div class="col-sm-9">
+				<select name="lng_select" id="language" class="form-control flags">{tmpl_var name='language_option'}</select>
+			</div>
+		</div>
 		<div class="clear">
-            <div class="right">
-			    <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_complete.php">{tmpl_var name='btn_save_txt'}</button>
-			    <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_complete.php">{tmpl_var name='btn_save_txt'}</button>
+				<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
 			</div>
-        </div>       
-    </div>
+		</div>
+	</div>
 
 </div>
diff --git a/interface/web/admin/templates/language_export.htm b/interface/web/admin/templates/language_export.htm
index a115e6493a..bb9eb49164 100644
--- a/interface/web/admin/templates/language_export.htm
+++ b/interface/web/admin/templates/language_export.htm
@@ -1,24 +1,35 @@
 <div class='page-header'>
-	<h1><tmpl_var name="list_head_txt"></h1>
+	<h1>
+		<tmpl_var name="list_head_txt">
+	</h1>
 </div>
-<p><tmpl_var name="list_desc_txt"></p>
+<p>
+	<tmpl_var name="list_desc_txt">
+</p>
 
+<div class="panel panel_language_import" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<div class="form-group">
+			<label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
+			<div class="col-sm-9"><select name="lng_select" id="lng_select" class="form-control flags">
+					{tmpl_var name='language_option'}
+				</select></div>
+		</div>
+		<tmpl_if name="msg">
+			<div id="OKMsg">
+				<p>
+					<tmpl_var name="msg">
+				</p>
+			</div>
+		</tmpl_if>
 
-            <div class="form-group">
-                <label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_select_txt'}</label>
-                <div class="col-sm-9"><select name="lng_select" id="lng_select" class="form-control flags">
-                    {tmpl_var name='language_option'}
-                </select></div>
-            </div>
-                
-                
-            <tmpl_if name="msg">
-                <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
-            </tmpl_if>
-                
-            <input type="hidden" name="id" value="{tmpl_var name='id'}">
-                
-            <div class="clear"><div class="right">
-                <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_export.php">{tmpl_var name='btn_save_txt'}</button>
-                <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
-            </div></div>
+		<input type="hidden" name="id" value="{tmpl_var name='id'}">
+
+		<div class="clear">
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_export.php">{tmpl_var name='btn_save_txt'}</button>
+				<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/interface/web/admin/templates/language_import.htm b/interface/web/admin/templates/language_import.htm
index 0761cc87ed..963da26a46 100644
--- a/interface/web/admin/templates/language_import.htm
+++ b/interface/web/admin/templates/language_import.htm
@@ -1,33 +1,54 @@
 <div class='page-header'>
-	<h1><tmpl_var name="list_head_txt"></h1>
+	<h1>
+		<tmpl_var name="list_head_txt">
+	</h1>
 </div>
-<p><tmpl_var name="list_desc_txt"></p>
+<div class="panel" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<div class="alert alert-warning">
+			<p>
+				<tmpl_var name="list_desc_txt">
+			</p>
+		</div>
+		<div class="form-group">
+			<label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_import_txt'}</label>
+			<input name="file" id="file" size="30" type="file" class="fileUpload" />
+		</div>
+		<div class="form-group">
+			<label class="col-sm-3 control-label">{tmpl_var name='language_overwrite_txt'}</label>
+			<div class="col-sm-9"><input class="form-control" type="checkbox" id="overwrite" value="1" name="overwrite" /></div>
+		</div>
+		<div class="form-group">
+			<label class="col-sm-3 control-label">{tmpl_var name='ignore_version_txt'}</label>
+			<div class="col-sm-9"><input class="form-control" type="checkbox" id="ignore_version" value="1" name="ignore_version" /></div>
+		</div>
 
 
-            <div class="form-group">
-                <label for="lng_select" class="col-sm-3 control-label">{tmpl_var name='language_import_txt'}</label>
-                <input name="file" id="file" size="30" type="file" class="fileUpload" />
-            </div>
-            <div class="form-group">
-                <label class="col-sm-3 control-label">{tmpl_var name='language_overwrite_txt'}</label>
-                <div class="col-sm-9"><input class="form-control" type="checkbox" id="overwrite" value="1" name="overwrite"/></div>
-            </div>
-            <div class="form-group">
-                <label class="col-sm-3 control-label">{tmpl_var name='ignore_version_txt'}</label>
-                <div class="col-sm-9"><input class="form-control" type="checkbox" id="ignore_version" value="1" name="ignore_version"/></div>
-            </div>
-                
-                
-            <tmpl_if name="msg">
-                <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
-            </tmpl_if>
-            <tmpl_if name="error">
-                <div id="errorMsg"><h3><tmpl_var name="error_txt"></h3><ol><tmpl_var name="error"></ol></div>
-            </tmpl_if>
-                
-            <input type="hidden" name="id" value="{tmpl_var name='id'}">
-                
-            <div class="clear"><div class="right">
-                <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_import.php" data-form-upload="true">{tmpl_var name='btn_save_txt'}</button>
-                <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
-            </div></div>
+		<tmpl_if name="msg">
+			<div id="OKMsg">
+				<p>
+					<tmpl_var name="msg">
+				</p>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="error">
+			<div id="errorMsg">
+				<h3>
+					<tmpl_var name="error_txt">
+				</h3>
+				<ol>
+					<tmpl_var name="error">
+				</ol>
+			</div>
+		</tmpl_if>
+
+		<input type="hidden" name="id" value="{tmpl_var name='id'}">
+
+		<div class="clear">
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="admin/language_import.php" data-form-upload="true">{tmpl_var name='btn_save_txt'}</button>
+				<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="admin/language_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/interface/web/admin/templates/remote_action_ispcupdate.htm b/interface/web/admin/templates/remote_action_ispcupdate.htm
index cbd2899bea..944ccb3ce1 100644
--- a/interface/web/admin/templates/remote_action_ispcupdate.htm
+++ b/interface/web/admin/templates/remote_action_ispcupdate.htm
@@ -6,14 +6,18 @@
 -->
 
 <div class='page-header'>
-	<h1><tmpl_var name="ispconfig_update_title"></h1>
+	<h1>
+		<tmpl_var name="ispconfig_update_title">
+	</h1>
 </div>
-<p style="margin-top:50px; font-size:14px;"><tmpl_var name="ispconfig_update_text"></p>
-
-<div class="panel panel_language_add">
-  
-    <div class="pnl_formsarea">
-        <!--
+<div class="panel" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<p style="font-size:14px;">
+			<tmpl_var name="ispconfig_update_text">
+		</p>
+	</div>
+</div>
+<!--
           <legend>{tmpl_var name='do_ispcupdate_caption'}</legend>
             <div class="form-group">
               <label for="server_select" class="col-sm-3 control-label">{tmpl_var name='select_server_txt'}</label>
@@ -21,17 +25,17 @@
                                               {tmpl_var name='server_option'}
                                       </select></div>
             </div>
-          
-      
+
+
               <tmpl_if name="msg">
               <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
         </tmpl_if>
-      
-      
+
+
                 <div class="clear"><div class="right">
             <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_do_txt'}" data-submit-form="pageForm" data-form-action="admin/remote_action_ispcupdate.php">{tmpl_var name='btn_do_txt'}</button>
           </div></div>
         -->
-    </div>
-  
-</div>
\ No newline at end of file
+</div>
+
+</div>
diff --git a/interface/web/admin/templates/remote_action_osupdate.htm b/interface/web/admin/templates/remote_action_osupdate.htm
index 55629fc1e9..e32ae2c652 100644
--- a/interface/web/admin/templates/remote_action_osupdate.htm
+++ b/interface/web/admin/templates/remote_action_osupdate.htm
@@ -1,21 +1,34 @@
 <div class='page-header'>
-	<h1><tmpl_var name="do_osupdate_caption"></h1>
+	<h1>
+		<tmpl_var name="do_osupdate_caption">
+	</h1>
 </div>
-<p><tmpl_var name="do_osupdate_desc"></p>
+<div class="panel" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<div class="alert alert-warning">
+			<p>
+				<tmpl_var name="do_osupdate_desc">
+			</p>
+		</div>
+		<div class="form-group">
+			<label for="server_select" class="col-sm-3 control-label">{tmpl_var name='select_server_txt'}</label>
+			<div class="col-sm-9"><select name="server_select" id="server" class="form-control" onchange="$('#OKMsg').hide(); ">
+					{tmpl_var name='server_option'}
+				</select></div>
+		</div>
 
+		<tmpl_if name="msg">
+			<div id="OKMsg">
+				<p>
+					<tmpl_var name="msg">
+				</p>
+			</div>
+		</tmpl_if>
 
-            <div class="form-group">
-                <label for="server_select" class="col-sm-3 control-label">{tmpl_var name='select_server_txt'}</label>
-                <div class="col-sm-9"><select name="server_select" id="server" class="form-control" onchange="$('#OKMsg').hide(); ">
-                    {tmpl_var name='server_option'}
-                </select></div>
-            </div>
-        
-            
-        <tmpl_if name="msg">
-            <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
-        </tmpl_if>
-            
-        <div class="clear"><div class="right">
-            <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_do_txt'}" data-submit-form="pageForm" data-form-action="admin/remote_action_osupdate.php">{tmpl_var name='btn_do_txt'}</button>
-        </div></div>
+		<div class="clear">
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_do_txt'}" data-submit-form="pageForm" data-form-action="admin/remote_action_osupdate.php">{tmpl_var name='btn_do_txt'}</button>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/interface/web/dns/templates/dns_import.htm b/interface/web/dns/templates/dns_import.htm
index dafb9016a0..8944ce6c64 100644
--- a/interface/web/dns/templates/dns_import.htm
+++ b/interface/web/dns/templates/dns_import.htm
@@ -1,65 +1,88 @@
 <div class='page-header'>
-	<h1><tmpl_var name="zone_file_import_txt"></h1>
+	<h1>
+		<tmpl_var name="zone_file_import_txt">
+	</h1>
 </div>
-<p><tmpl_var name="list_desc_txt"></p>
+<p>
+	<tmpl_var name="list_desc_txt">
+</p>
+<div class="panel panel_language_import" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<tmpl_if name="is_admin">
+			<div class="form-group">
+				<label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+				<div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+						{tmpl_var name='server_id'}
+					</select></div>
+			</div>
+			<div class="form-group">
+				<label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
+				<div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
+						{tmpl_var name='client_group_id'}
+					</select></div>
+			</div>
+			<tmpl_else>
+				<tmpl_if name="only_one_server">
+					<input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
+					<tmpl_else>
+						<div class="form-group">
+							<label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+							<div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+									{tmpl_var name='server_id'}
+								</select></div>
+						</div>
+				</tmpl_if>
+		</tmpl_if>
+		<div class="form-group">
+			<label for="domain" class="col-sm-3 control-label">{tmpl_var name='domain_txt'}</label>
+			<tmpl_if name="domain_option">
+				<div class="col-sm-9"><select name="domain" id="domain" class="form-control">
+						{tmpl_var name='domain_option'}
+					</select></div>
+				<tmpl_else>
+					<div class="col-sm-9"><input type="text" name="domain" id="domain" value="{tmpl_var name='domain'}" class="form-control" onkeydown="keydown(event.which);" /></div>
+			</tmpl_if>
+			<div class="col-sm-3 col-text"></div>
+			<div class="col-sm-9 col-text">
+				<tmpl_var name='domain_field_desc_txt' }</div>
+			</div>
+			<div class="form-group">
+				<label for="file" class="col-sm-3 control-label">{tmpl_var name='zonefile_to_import_txt'}</label>
+				<div class="col-sm-9 col-text"><input name="file" id="file" size="30" type="file" class="fileUpload" /></div>
+			</div>
 
-            <tmpl_if name="is_admin">
-                <div class="form-group">
-                    <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-                    <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-                        {tmpl_var name='server_id'}
-                    </select></div>
-                </div>
-                <div class="form-group">
-                    <label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
-                    <div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
-                        {tmpl_var name='client_group_id'}
-                    </select></div>
-                </div>
-            <tmpl_else>
-                <tmpl_if name="only_one_server">
-                    <input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
-                <tmpl_else>
-                    <div class="form-group">
-                        <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-                        <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-                            {tmpl_var name='server_id'}
-                        </select></div>
-                    </div>
-                </tmpl_if>
-            </tmpl_if>
-            <div class="form-group">
-                <label for="domain" class="col-sm-3 control-label">{tmpl_var name='domain_txt'}</label>
-                <tmpl_if name="domain_option">
-                    <div class="col-sm-9"><select name="domain" id="domain" class="form-control">
-                        {tmpl_var name='domain_option'}
-                    </select></div>
-                    <tmpl_else>
-                        <div class="col-sm-9"><input type="text" name="domain" id="domain" value="{tmpl_var name='domain'}" class="form-control" onkeydown="keydown(event.which);" /></div></tmpl_if>
-					<div class="col-sm-3 col-text"></div><div class="col-sm-9 col-text"><tmpl_var name='domain_field_desc_txt'}</div>
-            </div>    
-            <div class="form-group">
-                <label for="file" class="col-sm-3 control-label">{tmpl_var name='zonefile_to_import_txt'}</label>
-                <div class="col-sm-9 col-text"><input name="file" id="file" size="30" type="file" class="fileUpload" /></div>
-            </div>
-                
-            <tmpl_if name="msg">
-                <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
-            </tmpl_if>
-            <tmpl_if name="error">
-                <div id="errorMsg"><h3><tmpl_var name="error_txt"></h3><ol><tmpl_var name="error"></ol></div>
-            </tmpl_if>
-                
-            <input type="hidden" name="id" value="{tmpl_var name='id'}">
-                
-            <div class="clear"><div class="right">
-                <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="dns/dns_import.php" data-form-upload="true">{tmpl_var name='btn_save_txt'}</button>
-                <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="dns/dns_soa_list.php">{tmpl_var name='btn_cancel_txt'}</button>
-            </div></div>
-<script language="JavaScript" type="text/javascript">
-    function keydown(keynum){
-        if(keynum == 13){
-            jQuery('.positive').trigger('click');
-        }
-    }
-</script>
+			<tmpl_if name="msg">
+				<div id="OKMsg">
+					<p>
+						<tmpl_var name="msg">
+					</p>
+				</div>
+			</tmpl_if>
+			<tmpl_if name="error">
+				<div id="errorMsg">
+					<h3>
+						<tmpl_var name="error_txt">
+					</h3>
+					<ol>
+						<tmpl_var name="error">
+					</ol>
+				</div>
+			</tmpl_if>
+
+			<input type="hidden" name="id" value="{tmpl_var name='id'}">
+
+			<div class="clear">
+				<div class="right">
+					<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" data-submit-form="pageForm" data-form-action="dns/dns_import.php" data-form-upload="true">{tmpl_var name='btn_save_txt'}</button>
+					<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="dns/dns_soa_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<script language="JavaScript" type="text/javascript">
+		function keydown(keynum) {
+			if (keynum == 13) {
+				jQuery('.positive').trigger('click');
+			}
+		}
+	</script>
diff --git a/interface/web/dns/templates/dns_wizard.htm b/interface/web/dns/templates/dns_wizard.htm
index 2f4f24b4e0..a137f823ae 100644
--- a/interface/web/dns/templates/dns_wizard.htm
+++ b/interface/web/dns/templates/dns_wizard.htm
@@ -1,137 +1,158 @@
 <div class='page-header'>
-	<h1><tmpl_var name="list_head_txt"></h1>
+	<h1>
+		<tmpl_var name="list_head_txt">
+	</h1>
 </div>
+<div class="panel" style="padding:20px;">
+	<div class="pnl_formsarea">
+		<tmpl_if name="error">
+			<div id="errorMsg">
+				<h3>
+					<tmpl_var name="error_txt">
+				</h3>
+				<ol>
+					<tmpl_var name="error">
+				</ol>
+			</div>
+		</tmpl_if>
+		<div class="form-group">
+			<label for="template_id" class="col-sm-3 control-label">{tmpl_var name='template_id_txt'}</label>
+			<div class="col-sm-9"><select name="template_id" id="template_id" class="form-control" onChange="ISPConfig.submitForm('pageForm','dns/dns_wizard.php')">
+					{tmpl_var name='template_id_option'}
+				</select></div>
+		</div>
+		<tmpl_if name="is_admin">
+			<div class="form-group">
+				<label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+				<div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+						{tmpl_var name='server_id'}
+					</select></div>
+			</div>
+			<tmpl_unless name="domain_option">
+				<div class="form-group">
+					<label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
+					<div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
+							{tmpl_var name='client_group_id'}
+						</select></div>
+				</div>
+			</tmpl_unless>
+			<tmpl_else>
+				<tmpl_if name="only_one_server">
+					<input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
+					<tmpl_else>
+						<div class="form-group">
+							<label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+							<div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+									{tmpl_var name='server_id'}
+								</select></div>
+						</div>
+				</tmpl_if>
+		</tmpl_if>
+		<tmpl_if name="is_reseller">
+			<tmpl_unless name="domain_option">
+				<div class="form-group">
+					<label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
+					<div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
+							{tmpl_var name='client_group_id'}
+						</select></div>
+				</div>
+			</tmpl_unless>
+		</tmpl_if>
+		<tmpl_if name="DOMAIN_VISIBLE">
+			<div class="form-group">
+				<label for="domain" class="col-sm-3 control-label">{tmpl_var name='domain_txt'}</label>
+				<tmpl_if name="domain_option">
+					<div class="col-sm-9"><select name="domain" id="domain" class="form-control">
+							{tmpl_var name='domain_option'}
+						</select></div>
+					<tmpl_else>
+						<div class="col-sm-9"><input type="text" name="domain" id="domain" value="{tmpl_var name='domain'}" class="form-control" /></div>
+				</tmpl_if>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="IP_VISIBLE">
+			<div class="form-group">
+				<label for="ip" class="col-sm-3 control-label">{tmpl_var name='ip_txt'}</label>
+				<div class="col-sm-9"><input type="text" name="ip" id="ip" value="{tmpl_var name='ip'}" class="form-control" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="IPV6_VISIBLE">
+			<div class="form-group">
+				<label for="ipv6" class="col-sm-3 control-label">{tmpl_var name='ipv6_txt'}</label>
+				<div class="col-sm-9"><input type="text" name="ipv6" id="ipv6" value="{tmpl_var name='ipv6'}" class="form-control" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="NS1_VISIBLE">
+			<div class="form-group">
+				<label for="ns1" class="col-sm-3 control-label">{tmpl_var name='ns1_txt'}</label>
+				<div class="col-sm-9"><input type="text" name="ns1" id="ns1" value="{tmpl_var name='ns1'}" class="form-control" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="NS2_VISIBLE">
+			<div class="form-group">
+				<label for="ns2" class="col-sm-3 control-label">{tmpl_var name='ns2_txt'}</label>
+				<div class="col-sm-9"><input type="text" name="ns2" id="ns2" value="{tmpl_var name='ns2'}" class="form-control" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="EMAIL_VISIBLE">
+			<div class="form-group">
+				<label for="email" class="col-sm-3 control-label">{tmpl_var name='email_txt'}</label>
+				<div class="col-sm-9"><input type="text" name="email" id="email" value="{tmpl_var name='email'}" class="form-control" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="DKIM_VISIBLE">
+			<div class="form-group">
+				<label for="dkim" class="col-sm-3 control-label">{tmpl_var name='dkim_txt'}</label>
+				<div class="col-sm-9"><input type="checkbox" disabled readonly checked><input name="dkim" type="hidden" maxlength="255" type="text" /></div>
+			</div>
+		</tmpl_if>
+		<tmpl_if name="DNSSEC_VISIBLE">
+			<div class="form-group">
+				<label for="dkim" class="col-sm-3 control-label">{tmpl_var name='dnssec_txt'}</label>
+				<div class="col-sm-9"><input type="checkbox" name="dnssec" value="Y"></div>
+			</div>
+		</tmpl_if>
 
-<tmpl_if name="error">
-    <div id="errorMsg"><h3><tmpl_var name="error_txt"></h3><ol><tmpl_var name="error"></ol></div>
-</tmpl_if>
 
 
-            <div class="form-group">
-                <label for="template_id" class="col-sm-3 control-label">{tmpl_var name='template_id_txt'}</label>
-                <div class="col-sm-9"><select name="template_id" id="template_id" class="form-control" onChange="ISPConfig.submitForm('pageForm','dns/dns_wizard.php')">
-                    {tmpl_var name='template_id_option'}
-                </select></div>
-            </div>
-            <tmpl_if name="is_admin">
-                <div class="form-group">
-                    <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-                    <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-                        {tmpl_var name='server_id'}
-                    </select></div>
-                </div>
-                <tmpl_unless name="domain_option">
-                    <div class="form-group">
-                        <label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
-                        <div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
-                            {tmpl_var name='client_group_id'}
-                        </select></div>
-                    </div>
-                </tmpl_unless>
-            <tmpl_else>
-                <tmpl_if name="only_one_server">
-                    <input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
-                <tmpl_else>
-                    <div class="form-group">
-                        <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-                        <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-                            {tmpl_var name='server_id'}
-                        </select></div>
-                    </div>
-                </tmpl_if>
-            </tmpl_if>
-            <tmpl_if name="is_reseller">
-                <tmpl_unless name="domain_option">
-                    <div class="form-group">
-                        <label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
-                        <div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
-                            {tmpl_var name='client_group_id'}
-                        </select></div>
-                    </div>
-                </tmpl_unless>
-            </tmpl_if>
-            <tmpl_if name="DOMAIN_VISIBLE">
-                <div class="form-group">
-                    <label for="domain" class="col-sm-3 control-label">{tmpl_var name='domain_txt'}</label>
-                    <tmpl_if name="domain_option">
-                        <div class="col-sm-9"><select name="domain" id="domain" class="form-control">
-                            {tmpl_var name='domain_option'}
-                        </select></div>
-                        <tmpl_else>
-                            <div class="col-sm-9"><input type="text" name="domain" id="domain" value="{tmpl_var name='domain'}" class="form-control" /></div></tmpl_if>
-                </div>
-            </tmpl_if>
-            <tmpl_if name="IP_VISIBLE">
-                <div class="form-group">
-                    <label for="ip" class="col-sm-3 control-label">{tmpl_var name='ip_txt'}</label>
-                    <div class="col-sm-9"><input type="text" name="ip" id="ip" value="{tmpl_var name='ip'}" class="form-control" /></div></div>
-            </tmpl_if>
-            <tmpl_if name="IPV6_VISIBLE">
-                <div class="form-group">
-                    <label for="ipv6" class="col-sm-3 control-label">{tmpl_var name='ipv6_txt'}</label>
-                    <div class="col-sm-9"><input type="text" name="ipv6" id="ipv6" value="{tmpl_var name='ipv6'}" class="form-control" /></div></div>
-            </tmpl_if>
-            <tmpl_if name="NS1_VISIBLE">
-                <div class="form-group">
-                    <label for="ns1" class="col-sm-3 control-label">{tmpl_var name='ns1_txt'}</label>
-                    <div class="col-sm-9"><input type="text" name="ns1" id="ns1" value="{tmpl_var name='ns1'}" class="form-control" /></div></div>
-            </tmpl_if>
-            <tmpl_if name="NS2_VISIBLE">
-                <div class="form-group">
-                    <label for="ns2" class="col-sm-3 control-label">{tmpl_var name='ns2_txt'}</label>
-                    <div class="col-sm-9"><input type="text" name="ns2" id="ns2" value="{tmpl_var name='ns2'}" class="form-control" /></div></div>
-            </tmpl_if>
-            <tmpl_if name="EMAIL_VISIBLE">
-                <div class="form-group">
-                    <label for="email" class="col-sm-3 control-label">{tmpl_var name='email_txt'}</label>
-                    <div class="col-sm-9"><input type="text" name="email" id="email" value="{tmpl_var name='email'}" class="form-control" /></div></div>
-            </tmpl_if>
-            <tmpl_if name="DKIM_VISIBLE">
-				<div class="form-group">
-					<label for="dkim" class="col-sm-3 control-label">{tmpl_var name='dkim_txt'}</label>
-                    <div class="col-sm-9"><input type="checkbox" disabled readonly checked><input name="dkim" type="hidden" maxlength="255" type="text"/></div></div>
-            </tmpl_if>
-            <tmpl_if name="DNSSEC_VISIBLE">
-				<div class="form-group">
-					<label for="dkim" class="col-sm-3 control-label">{tmpl_var name='dnssec_txt'}</label>
-                    <div class="col-sm-9"><input type="checkbox" name="dnssec" value="Y"></div></div>
-            </tmpl_if>
-			
-        
-            
-        <input type="hidden" name="create" value="0" />
-            
-        <div class="clear"><div class="right">
-            <button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" name="btn_create" onclick="document.pageForm.create.value=1; ISPConfig.submitForm('pageForm','dns/dns_wizard.php');">{tmpl_var name='btn_save_txt'}</button>
-            <button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="dns/dns_soa_list.php">{tmpl_var name='btn_cancel_txt'}</button>
-        </div></div>
+		<input type="hidden" name="create" value="0" />
+
+		<div class="clear">
+			<div class="right">
+				<button class="btn btn-default formbutton-success" type="button" value="{tmpl_var name='btn_save_txt'}" name="btn_create" onclick="document.pageForm.create.value=1; ISPConfig.submitForm('pageForm','dns/dns_wizard.php');">{tmpl_var
+					name='btn_save_txt'}</button>
+				<button class="btn btn-default formbutton-default" type="button" value="{tmpl_var name='btn_cancel_txt'}" data-load-content="dns/dns_soa_list.php">{tmpl_var name='btn_cancel_txt'}</button>
+			</div>
+		</div>
+	</div>
+</div>
 <script language="JavaScript" type="text/javascript">
-    jQuery('#ip').ispconfigSearch({
-        dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
-        resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
-        ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
-        noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
-        noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
-        minChars: 0,
-        cssPrefix: 'df-',
-        fillSearchField: true,
-        fillSearchFieldWith: 'fill_text',
-        searchFieldWatermark: '',
-        resultBoxPosition: ''
-    });	
+	jQuery('#ip').ispconfigSearch({
+		dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
+		resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
+		ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
+		noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
+		noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
+		minChars: 0,
+		cssPrefix: 'df-',
+		fillSearchField: true,
+		fillSearchFieldWith: 'fill_text',
+		searchFieldWatermark: '',
+		resultBoxPosition: ''
+	});
 </script>
 <script language="JavaScript" type="text/javascript">
-    jQuery('#ipv6').ispconfigSearch({
-        dataSrc: '/dns/ajax_get_json.php?type=get_ipv6',
-        resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
-        ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
-        noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
-        noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
-        minChars: 0,
-        cssPrefix: 'df-',
-        fillSearchField: true,
-        fillSearchFieldWith: 'fill_text',
-        searchFieldWatermark: '',
-        resultBoxPosition: ''
-    });
+	jQuery('#ipv6').ispconfigSearch({
+		dataSrc: '/dns/ajax_get_json.php?type=get_ipv6',
+		resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
+		ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
+		noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
+		noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
+		minChars: 0,
+		cssPrefix: 'df-',
+		fillSearchField: true,
+		fillSearchFieldWith: 'fill_text',
+		searchFieldWatermark: '',
+		resultBoxPosition: ''
+	});
 </script>
diff --git a/interface/web/tools/templates/import_ispconfig.htm b/interface/web/tools/templates/import_ispconfig.htm
index 9d845701f6..b71031e1f9 100644
--- a/interface/web/tools/templates/import_ispconfig.htm
+++ b/interface/web/tools/templates/import_ispconfig.htm
@@ -4,7 +4,6 @@
 <p><tmpl_var name="list_desc_txt"></p>
 
 <div class="panel panel_language_import" style="padding:20px;">
-  
     <div class="pnl_formsarea">
         <legend>{tmpl_var name="legend_txt"}</legend>
             <div class="form-group">
@@ -19,7 +18,7 @@
                 <label class="col-sm-3 control-label">Remote password</label>
                 <div class="col-sm-9"><input class="form-control" type="text" id="remote_password" value="{tmpl_var name='remote_password'}" name="remote_password" /></div>
             </div>
-        
+
     </div>
     <tmpl_if name="connected">
         <div class="pnl_formsarea">
@@ -66,17 +65,17 @@
                     <label class="col-sm-3 control-label">{tmpl_var name="import_aliasdomain_txt"}</label>
                     <div class="col-sm-9"><input class="form-control" type="checkbox" id="import_aliasdomain" value="1" name="import_aliasdomain" checked="checked" /></div>
                 </div>
-            
+
         </div>
     </tmpl_if>
-	 
+
     <tmpl_if name="msg">
         <div id="OKMsg"><p><tmpl_var name="msg"></p></div>
     </tmpl_if>
     <tmpl_if name="error">
         <div id="errorMsg"><h3><tmpl_var name="error_txt"></h3><ol><tmpl_var name="error"></ol></div>
     </tmpl_if>
-	
+
     <input type="hidden" name="remote_session_id" value="{tmpl_var name='remote_session_id'}">
     <input type="hidden" name="connected" value="{tmpl_var name='connected'}">
     <tmpl_if name="connected">
@@ -90,4 +89,4 @@
             <button class="btn btn-default formbutton-default" type="button" value="Cancel" data-load-content="tools/index.php">{tmpl_var name="btn_cancel_txt"}</button>
         </div></div>
     </tmpl_if>
-  </div>
\ No newline at end of file
+  </div>
-- 
GitLab