modules/admin-full: improve layout of uci changes pages

3 files changed, 66 insertions, 55 deletions

diff --git a/modules/admin-full/luasrc/view/admin_uci/apply.htm b/modules/admin-full/luasrc/view/admin_uci/apply.htm
index a908b6a8b5..ac18746b6d 100644
--- a/modules/admin-full/luasrc/view/admin_uci/apply.htm
+++ b/modules/admin-full/luasrc/view/admin_uci/apply.htm
@@ -13,27 +13,30 @@ $Id$
 
 -%>
 <%+header%>
-<div>
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
-<br />
-<br />
-</div>
+
 <h2><a id="content" name="content"><%:config%></a></h2>
-<p><%:uci_applied%>:</p>
-<code><%=(changes or "-")%>
-
-<%
-local fp = reload()
-local line = fp:read()
-while line do 
-	write(line.."\n")
-	line = fp:read()
-end
-fp:close()
-%></code>
-<div>
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
-<br />
-<br />
+<p><strong><%:uci_applied%>:</strong></p>
+
+<div class="cbi-section">
+	<code><%=(changes or "-")%></code>
 </div>
-<%+footer%>
\ No newline at end of file
+
+<fieldset class="cbi-section">
+	<ul class="cbi-apply"><%-
+		local fp = reload()
+		local line = fp:read()
+		while line do
+			write("<li>" .. luci.util.pcdata(line) .. "</li>\n")
+			line = fp:read()
+		end
+		fp:close()
+	-%></ul>
+</fieldset>
+
+<div class="cbi-page-actions">
+	<form class="inline" method="get" action="<%=luci.util.pcdata(luci.http.formvalue("redir"))%>">
+		<input class="cbi-button" style="margin:0" type="submit" value="« <%:back%>" />
+	</form>
+</div>
+
+<%+footer%>
diff --git a/modules/admin-full/luasrc/view/admin_uci/changes.htm b/modules/admin-full/luasrc/view/admin_uci/changes.htm
index 6375aaf713..a9db8b49b1 100644
--- a/modules/admin-full/luasrc/view/admin_uci/changes.htm
+++ b/modules/admin-full/luasrc/view/admin_uci/changes.htm
@@ -12,28 +12,34 @@ You may obtain a copy of the License at
 $Id$
 
 -%>
+
 <%+header%>
-<div>
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
-<br />
-<br />
-</div>
+
 <h2><a id="content" name="content"><%:config%></a></h2>
-<h3><%:changes%></h3>
-<code><%=changes%></code>
-<br /><br />
-<form class="inline" method="get" action="<%=controller%>/admin/uci/apply">
-	<input type="submit" value="<%:apply%>" />
-</form>
-<form class="inline" method="get" action="<%=controller%>/admin/uci/saveapply">
-	<input type="submit" value="<%:saveapply%>" />
-</form>
-<form class="inline" method="get" action="<%=controller%>/admin/uci/revert">
-	<input type="submit" value="<%:revert%>" />
-</form>
-
-<div>
-<br />
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
+<p><strong><%:changes%>:</strong></p>
+
+<div class="cbi-section">
+	<code><%=changes%></code>
 </div>
+
+<div class="cbi-page-actions">
+	<div style="float:left">
+		<form class="inline" method="get" action="<%=luci.util.pcdata(luci.http.formvalue("redir"))%>">
+			<input class="cbi-button" style="float:left; margin:0" type="submit" value="« <%:back%>" />
+		</form>
+	</div>
+
+	<div style="text-align:right">
+		<form class="inline" method="get" action="<%=controller%>/admin/uci/apply">
+			<input class="cbi-button cbi-button-apply" type="submit" value="<%:apply%>" />
+		</form>
+		<form class="inline" method="get" action="<%=controller%>/admin/uci/saveapply">
+			<input class="cbi-button cbi-button-save" type="submit" value="<%:saveapply%>" />
+		</form>
+		<form class="inline" method="get" action="<%=controller%>/admin/uci/revert">
+			<input class="cbi-button cbi-button-reset" type="submit" value="<%:revert%>" />
+		</form>
+	</div>
+</div>
+
 <%+footer%>
diff --git a/modules/admin-full/luasrc/view/admin_uci/revert.htm b/modules/admin-full/luasrc/view/admin_uci/revert.htm
index e8515dc41c..9c98d452ea 100644
--- a/modules/admin-full/luasrc/view/admin_uci/revert.htm
+++ b/modules/admin-full/luasrc/view/admin_uci/revert.htm
@@ -12,18 +12,20 @@ You may obtain a copy of the License at
 $Id$
 
 -%>
+
 <%+header%>
-<div>
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
-<br />
-<br />
-</div>
+
 <h2><a id="content" name="content"><%:config%></a></h2>
-<p><%:uci_reverted%>:</p>
-<code><%=(changes or "-")%></code>
-<div>
-<a href="<%=luci.http.formvalue("redir")%>">&lt;&lt; <%:back%></a>
-<br />
-<br />
+<p><strong><%:uci_reverted%>:</strong></p>
+
+<div class="cbi-section">
+	<code><%=(changes or "-")%></code>
 </div>
-<%+footer%>
\ No newline at end of file
+
+<div class="cbi-page-actions">
+	<form class="inline" method="get" action="<%=luci.util.pcdata(luci.http.formvalue("redir"))%>">
+		<input class="cbi-button" style="margin:0" type="submit" value="« <%:back%>" />
+	</form>
+</div>
+
+<%+footer%>