From d5568cd6c8decef98f02d9f845e6dbd6931f0554 Mon Sep 17 00:00:00 2001
From: Ycarus <ycarus@zugaina.org>
Date: Fri, 30 Mar 2018 15:47:27 +0200
Subject: [PATCH] Better design for wizard page

---
 .../luasrc/view/openmptcprouter/wizard.htm         | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm b/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
index f366e597c..2cd8eeab4 100644
--- a/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
+++ b/luci-app-openmptcprouter/luasrc/view/openmptcprouter/wizard.htm
@@ -10,8 +10,9 @@
 <form class="inline" method="post" action="<%=url('admin/system/openmptcprouter/wizard_add')%>">
     <div class="cbi-map">
 	<h2 name="content"><%:Wizard%></h2>
-	<div id="server" class="server">
-	    <h2><%:Server settings%></h2>
+	<fieldset class="cbi-section" id="server">
+	<legend><%:Server settings%></legend>
+	    <div class="cbi-section-descr"><%:Put the values given by OpenMPTCProuter VPS script.%></div>
 	    <div class="cbi-value">
 	        <label class="cbi-value-title"><%:Server IP%></label>
 	        <div class="cbi-value-field">
@@ -30,9 +31,10 @@
 		    <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">
-	    <h2><%:Interfaces settings%></h2>
+	</fieldset>
+	<fieldset class="cbi-section" id="interfaces">
+	    <legend><%:Interfaces settings%></legend>
+	    <div class="cbi-section-descr"><%:You must disable DHCP on your modems and set IP in different networks.%></div>
 <% 
     for _, iface in ipairs(ifaces) do
 	--if not (iface == "lo" or iface:match("^tun.*")) then
@@ -63,7 +65,7 @@
 	end
     end
 %>
-	</div>
+	</fieldset>
     </div>
     <div class="cbi-page-actions">
 	<input type="hidden" name="token" value="<%=token%>" />