From 2cb113b850dcf3e7cf36613ed02bff0e70e55a75 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Mon, 15 Nov 2010 15:30:31 -0800
Subject: [PATCH] changes in edit mode of Port Forwarding and Load Balancer

---
 ui/css/main.css      |  5 +++--
 ui/jsp/ipaddress.jsp | 22 +++++++++-------------
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/ui/css/main.css b/ui/css/main.css
index 2e816b79c2d..6cb4f95992c 100644
--- a/ui/css/main.css
+++ b/ui/css/main.css
@@ -4642,17 +4642,18 @@ a:hover.search_button {
 }
 
 .ui_dialog_messagebox{
-	width:250px;
+	width:243px;
 	height:auto;
 	float:left;
 	background:#fff7e3 repeat top left;
 	border:1px solid #CCC;
 	margin:10px 0 0 0;
-	padding:0 10px 5px 0;
+	padding:7px 10px 5px 7px;
 }
 
 .ui_dialog_messagebox.error{
 	background:#ffe5e5 repeat top left;
+	color:#ae0000;
 }
 
 .ui_dialog_msgicon {
diff --git a/ui/jsp/ipaddress.jsp b/ui/jsp/ipaddress.jsp
index 7dc07d552d7..9fb982c5aac 100644
--- a/ui/jsp/ipaddress.jsp
+++ b/ui/jsp/ipaddress.jsp
@@ -353,18 +353,18 @@
     </div> 
     <div class="grid_rows odd" id="row_container_edit" style="display:none">
         <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%;">
             <div class="row_celltitles" id="public_port">8080</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>
@@ -372,10 +372,8 @@
         </div>
         <div class="grid_row_cell" style="width: 29%;">
             <div class="row_celltitles">
-                <a id="save_link" href="#">Save</a>
-            </div>
-            <div class="row_celltitles">
-                <a id="cancel_link" href="#">Cancel</a>
+                <a id="save_link" href="#" style="float:left;">Save</a>
+                <a id="cancel_link" href="#" style="float:left; margin-left:15px; display:inline;">Cancel</a>
             </div>
         </div>
         <div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">
@@ -476,7 +474,7 @@
             <div class="row_celltitles" id="public_port"></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>
@@ -484,15 +482,13 @@
             <div class="row_celltitles" id="protocol"></div>
         </div>
         <div class="grid_row_cell" style="width: 39%;">
-            <select class="select" style="width: 104px;" id="vm">
+            <select class="select" id="vm">
             </select>
         </div>
         <div class="grid_row_cell" style="width: 15%;">
             <div class="row_celltitles">
-                <a id="save_link" href="#">Save</a>
-            </div>
-            <div class="row_celltitles">
-                <a id="cancel_link" href="#">Cancel</a>
+                <a id="save_link" href="#" style="float:left;">Save</a>
+                <a id="cancel_link" href="#" style="float:left; margin-left:15px;">Cancel</a>
             </div>
         </div>
         <div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">