From f0fd34c5b4facfadbfaa2000ff76d36d07bce895 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Tue, 26 Oct 2010 14:11:35 -0700
Subject: [PATCH] Ui added to error msgs whown in protforwarding and text field
 has been reduced

---
 ui/new/css/main.css      | 24 ++++++++++++++++++++++++
 ui/new/jsp/ipaddress.jsp | 14 +++++++-------
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index b1b2738e638..81e4e53561b 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -2448,6 +2448,30 @@ a:hover.search_button {
 	color:#333;
 	font-size:11px;
 }
+.grid_row_cell .error_text {
+	width:92%;
+	height:16px;
+	float:left;
+	margin:0 0 0 10px;
+	display:inline;
+	padding:0 0 0 2px;
+	border:1px solid #999;
+	background:#ffe5e5;
+	color:#333;
+	font-size:11px;
+}
+
+.errormsg {
+	width:80%;
+	height:auto;
+	float:left;
+	margin:3px 0 0 10px;
+	display:inline;
+	padding:0 0 0 2px;
+	color:#a90000;
+	font-size:11px;
+	font-weight:normal;
+}
 
 .grid_row_cell .select {
 	width:92%;
diff --git a/ui/new/jsp/ipaddress.jsp b/ui/new/jsp/ipaddress.jsp
index 1526309e42f..875a1eb2f8d 100644
--- a/ui/new/jsp/ipaddress.jsp
+++ b/ui/new/jsp/ipaddress.jsp
@@ -166,15 +166,15 @@
             </div>
             <div class="grid_rows even" id="create_port_forwarding_row">
                 <div class="grid_row_cell" style="width: 15%;">
-                    <input id="public_port" class="text" style="width: 90%;" type="text" />
+                    <input id="public_port" class="text" style="width: 70%;" type="text" />
                     <div id="public_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
                 </div>
                 <div class="grid_row_cell" style="width: 15%;">
-                    <input id="private_port" class="text" style="width: 90%;" type="text" />
+                    <input id="private_port" class="text" style="width: 70%;" type="text" />
                     <div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
                 </div>
                 <div class="grid_row_cell" style="width: 15%;">  
-                   <select class="select" id="protocol">
+                   <select class="select" id="protocol" style="width:70%;">
                        <option value="TCP">TCP</option>
                        <option value="UDP">UDP</option>
                    </select>
@@ -220,19 +220,19 @@
             </div>
             <div class="grid_rows even" id="create_load_balancer_row">
                 <div class="grid_row_cell" style="width: 25%;">
-                    <input id="name" class="text" style="width: 90%;" type="text" />
+                    <input id="name" class="text" style="width: 70%;" type="text" />
                     <div id="name_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
                 </div>
                 <div class="grid_row_cell" style="width: 15%;">
-                    <input id="public_port" class="text" style="width: 90%;" type="text" />
+                    <input id="public_port" class="text" style="width: 70%;" type="text" />
                     <div id="public_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
                 </div>
                 <div class="grid_row_cell" style="width: 15%;">
-                    <input id="private_port" class="text" style="width: 90%;" type="text" />
+                    <input id="private_port" class="text" style="width: 70%;" type="text" />
                     <div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
                 </div>
                 <div class="grid_row_cell" style="width: 15%;">
-                    <select id="algorithm_select" class="select" style="width: 90%;">                       
+                    <select id="algorithm_select" class="select" style="width: 70%;">                       
 						<option value="roundrobin">roundrobin</option>
                         <option value="leastconn">leastconn</option>
                         <option value="source">source</option>