changed tab order and separator

2 files changed, 14 insertions, 4 deletions

diff --git a/dudle.css b/dudle.css
index fadd2e7..4334073 100644
--- a/dudle.css
+++ b/dudle.css
@@ -152,7 +152,7 @@ html {
 	margin-right:auto;
 	width:auto;
 	display: table;
-	min-width: 30em;
+	min-width: 35em;
 }
 
 div#tabs{
@@ -197,6 +197,10 @@ li.nonactive_tab a:hover {
 	background: #CCC;
 }
 
+li.separator_tab {
+	margin-left: 2em;
+}
+
 pre#configwarning {
 	font-family: "Courier New",Courier,monospace;
 	letter-spacing:0;
diff --git a/html.rb b/html.rb
index ae44d17..17baa5e 100644
--- a/html.rb
+++ b/html.rb
@@ -83,15 +83,21 @@ module Dudle
 	def Dudle.tabs(active_tab)
 		ret = "<div id='tabs'><ul>"
 		[["Home",".."],
-		 ["Customize","customize.cgi"],
+		 ["",""],
 		 ["Poll","."],
 		 ["History","history.cgi"],
+		 ["",""],
 		 ["Edit Columns","edit_columns.cgi"],
 		 ["Access Control","access_control.cgi"],
-		 ["Delete Poll","delete_poll.cgi"]
+		 ["Delete Poll","delete_poll.cgi"],
+		 ["",""],
+		 ["Customize","customize.cgi"]
 		].each{|tab,file|
-			if tab == active_tab
+			case tab
+			when active_tab
 				ret += "<li id='active_tab' >&nbsp;#{tab}&nbsp;</li> "
+			when ""
+				ret += "<li class='separator_tab'></li>"
 			else
 				ret += "<li class='nonactive_tab' ><a href='#{file}'>&nbsp;#{tab}&nbsp;</a></li> "
 			end