azkaban-aplcache

Details

diff --git a/src/java/azkaban/webapp/servlet/velocity/index.vm b/src/java/azkaban/webapp/servlet/velocity/index.vm
index 9cbe273..3e8eef8 100644
--- a/src/java/azkaban/webapp/servlet/velocity/index.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/index.vm
@@ -102,15 +102,9 @@
               </div>
               <div class="clearfix"></div>
               <div class="project-flows" id="${project.name}-child">
-                <table class="table">
-                  <thead>
-                    <tr>
-                      <th class="tb-name">Flows</th>
-                    </tr>
-                  </thead>
-                  <tbody id="${project.name}-tbody">
-                  </tbody>
-                </table>
+                <h5>Flows</h5>
+                <div class="list-group" id="${project.name}-tbody">
+                </div>
               </div>
             </li>
   #end
diff --git a/src/less/project.less b/src/less/project.less
index d7e1fb9..7875358 100644
--- a/src/less/project.less
+++ b/src/less/project.less
@@ -40,16 +40,25 @@
       }
     }
   }
+}
 
-  .project-flows {
-    display: none;
-    background-color: #f9f9f9;
-    table {
-      background: transparent;
-      margin-bottom: 0;
-      border-top: 1px solid #dddddd;
-    }
-  }
+.project-flows {
+	display: none;
+	background-color: #f9f9f9;
+	padding: 10px 15px 10px 15px;
+
+	h5 {
+		margin-top: 5px;
+	}
+
+	.list-group {
+		margin-bottom: 10px;
+	}
+
+	.list-group-item {
+		background: transparent;
+		padding: 7px 12px 7px 12px;
+	}
 }
 
 // Flow panel heading.
diff --git a/src/web/js/azkaban/view/main.js b/src/web/js/azkaban/view/main.js
index b6aac48..bf5e9a9 100644
--- a/src/web/js/azkaban/view/main.js
+++ b/src/web/js/azkaban/view/main.js
@@ -96,18 +96,12 @@ azkaban.ProjectTableView = Backbone.View.extend({
 		var requestURL = contextURL + "/manager?project=" + data.project + "&flow=";
 		for (var i = 0; i < flows.length; ++i) {
 			var id = flows[i].flowId;
-			var tr = document.createElement("tr");
-			var idtd = document.createElement("td");
-			$(idtd).addClass("tb-name");
-			
 			var ida = document.createElement("a");
 			ida.project = data.project;
 			$(ida).text(id);
 			$(ida).attr("href", requestURL + id);
-			
-			$(idtd).append(ida);
-			$(tr).append(idtd);
-			$(innerTable).append(tr);
+      $(ida).addClass('list-group-item');
+			$(innerTable).append(ida);
 		}
 	}
 });