From 397f5cfe675da8b2861e331a5f483421b540c59a Mon Sep 17 00:00:00 2001
From: Ycarus <ycarus@zugaina.org>
Date: Fri, 30 Mar 2018 11:12:43 +0200
Subject: [PATCH] Little design change for wizard

---
 .../luasrc/view/openmptcprouter/wizard.htm    | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm b/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
index a576d4e0b..f366e597c 100644
--- a/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
+++ b/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
@@ -8,11 +8,13 @@
 
 <% if stderr and #stderr > 0 then %><pre class="error"><%=pcdata(stderr)%></pre><% end %>
 <form class="inline" method="post" action="<%=url('admin/system/openmptcprouter/wizard_add')%>">
-    <div id="server" class="server">
-	<h1><%:Server settings%></h1>
+    <div class="cbi-map">
+	<h2 name="content"><%:Wizard%></h2>
+	<div id="server" class="server">
+	    <h2><%:Server settings%></h2>
 	    <div class="cbi-value">
-		<label class="cbi-value-title"><%:Server IP%></label>
-		<div class="cbi-value-field">
+	        <label class="cbi-value-title"><%:Server IP%></label>
+	        <div class="cbi-value-field">
 		    <input type="text" name="server_ip" placeholder="Server IP" class="cbi-input-text" value="<%=uci:get("shadowsocks-libev","sss0","server")%>" data-type="ip4addr">
 		</div>
 	    </div>
@@ -28,40 +30,40 @@
 		    <input type="text" name="glorytun_key" placeholder="Glorytun key" class="cbi-input-text" value="<%=uci:get("glorytun","vpn","key")%>">
 		</div>
 	    </div>
-    </div>
-    <div id="interfaces" class="interfaces">
-	<h1><%:Interfaces settings%></h1>
+	</div>
+	<div id="interfaces" class="interfaces">
+	    <h2><%:Interfaces settings%></h2>
 <% 
     for _, iface in ipairs(ifaces) do
 	--if not (iface == "lo" or iface:match("^tun.*")) then
 	local ifname = iface:name()
 	if (ifname:match("^wan.*")) then
 %>
-	<h2><%=ifname%></h2>
-	<input type="hidden" name="intf.<%=ifname%>" value="<%=ifname%>" />
-	<div class="cbi-value">
-	    <label class="cbi-value-title"><%:IPv4 address%></label>
-	    <div class="cbi-value-field">
-		<input type="text" name="cbid.network.<%=ifname%>.ipaddr" class="cbi-input-text" value="<%=uci:get("network",ifname,"ipaddr")%>" data-type="ip4addr">
+	    <h3><%=ifname%></h3>
+	    <input type="hidden" name="intf.<%=ifname%>" value="<%=ifname%>" />
+	    <div class="cbi-value">
+		<label class="cbi-value-title"><%:IPv4 address%></label>
+		<div class="cbi-value-field">
+		    <input type="text" name="cbid.network.<%=ifname%>.ipaddr" class="cbi-input-text" value="<%=uci:get("network",ifname,"ipaddr")%>" data-type="ip4addr">
+		</div>
 	    </div>
-	</div>
-	<div class="cbi-value">
-	    <label class="cbi-value-title"><%:IPv4 netmask%></label>
-	    <div class="cbi-value-field">
-		<input type="text" name="cbid.network.<%=ifname%>.netmask" class="cbi-input-text" value="<%=uci:get("network",ifname,"netmask")%>" data-type="ip4addr">
+	    <div class="cbi-value">
+		<label class="cbi-value-title"><%:IPv4 netmask%></label>
+		<div class="cbi-value-field">
+		    <input type="text" name="cbid.network.<%=ifname%>.netmask" class="cbi-input-text" value="<%=uci:get("network",ifname,"netmask")%>" data-type="ip4addr">
+		</div>
 	    </div>
-	</div>
-	<div class="cbi-value">
-	    <label class="cbi-value-title"><%:IPv4 gateway%></label>
-	    <div class="cbi-value-field">
-		<input type="text" name="cbid.network.<%=ifname%>.gateway" class="cbi-input-text" value="<%=uci:get("network",ifname,"gateway")%>" data-type="ip4addr">
+	    <div class="cbi-value">
+		<label class="cbi-value-title"><%:IPv4 gateway%></label>
+		<div class="cbi-value-field">
+		    <input type="text" name="cbid.network.<%=ifname%>.gateway" class="cbi-input-text" value="<%=uci:get("network",ifname,"gateway")%>" data-type="ip4addr">
+		</div>
 	    </div>
-	</div>
-	
 <%
 	end
     end
 %>
+	</div>
     </div>
     <div class="cbi-page-actions">
 	<input type="hidden" name="token" value="<%=token%>" />