From d200962682d2c62e53a60c152e717a2e08137511 Mon Sep 17 00:00:00 2001
From: Ziheng Sun <zsun@gmu.edu>
Date: Sun, 14 Jan 2024 11:27:41 -0500
Subject: [PATCH] fix the workflow information panel space

---
 src/main/resources/static/css/main.css      |  4 +--
 src/main/resources/static/js/gw.workflow.js | 28 +++++++++++++--------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index 1fe1826ea..545fd7bd4 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -16,8 +16,8 @@ nav li.active {
 	margin-bottom: 1rem;
 }
 [class*="col-"] {
-	padding-top: 1rem;
-	padding-bottom: 1rem;
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
 }
 hr {
 	margin-top: 1rem;
diff --git a/src/main/resources/static/js/gw.workflow.js b/src/main/resources/static/js/gw.workflow.js
index e72e84d89..8d540dfda 100644
--- a/src/main/resources/static/js/gw.workflow.js
+++ b/src/main/resources/static/js/gw.workflow.js
@@ -61,6 +61,8 @@ GW.workflow = {
 
 		let info_body = "";
 
+		let id_combo, name_combo, desc_combo, confidential_combo;
+
 		jQuery.each(msg, function(i, val) {
 			
 			if(typeof val =='object')
@@ -71,20 +73,22 @@ GW.workflow = {
 			if(i==="id"){
 				
 				workFlowID = val;
-				content += "<div class=\"col col-md-3\">"+i+"</div>"+
-					"<div class=\"col col-md-7\" id=\"display_workflow_id\">"+val+"</div>";
+				id_combo = `<div class="col col-md-1">`+i+`</div>
+					<div class="col col-md-3" id="display_workflow_id">`+val+`</div>`;
 				
 			}else if(i==="name"){
 				
 				workFlowName = val;
-				content += "<div class=\"col col-md-3\">"+i+"</div>"+
-					"<div class=\"col col-md-7\"><input id=\"display_workflow_name_field\" type=\"text\" value=\""+val+"\" /></div>";
+				name_combo = `<div class="col col-md-1">`+i+`</div>
+					<div class="col col-md-3"><input class="form-control" id="display_workflow_name_field" type="text" value="`+
+					val+`" /></div>`;
 				
 			}else if(i==="description"){
 				
 				workFlowDescription = val;
-				content += "<div class=\"col col-md-3\">"+i+"</div>"+
-					"<div class=\"col col-md-7\"><textarea style=\"width:100%;\" id=\"display_workflow_description_field\" >"+val+"</textarea ></div>";
+				desc_combo = `<div class="col col-md-3">`+i+`</div>
+					<div class="col col-md-7"><textarea style="width:100%;" 
+					id="display_workflow_description_field" >`+val+`</textarea ></div>`;
 				
 			}else if(i==="confidential"){
 				
@@ -96,14 +100,16 @@ GW.workflow = {
 
 			}else{
 
-				info_body += "<div class=\"col col-md-3\">"+i+"</div>"+
-				"<div class=\"col col-md-7\">"+val+"</div>";
+				info_body += `<div class="col col-md-1">`+i+`</div>
+				<div class="col col-md-3">`+val+`</div>`;
 			}
 			
 		});
 
-		content += "<div class=\"col col-md-3\">Confidential</div>"+
-							"<div class=\"col col-md-7\">";
+		content += id_combo + name_combo
+
+		content += `<div class="col col-md-1">Confidential</div>
+							<div class="col col-md-3">`;
 					
 		if(confidential=="FALSE"){
 
@@ -126,6 +132,8 @@ GW.workflow = {
 		}
 
 		content += "</div>";
+
+		content += desc_combo
 		
 		content += "</div><div>"+