Add view option in pods page

Created the view function for the pods page.
It will redirect to pods/:name page where user
can see the more details about the pod.

Change-Id: I0d6c06098fd78ecca523a49e2bb532001adaeaa8
Signed-off-by: thuva4 <tharma.thuva@gmail.com>

1 files changed, 18 insertions, 6 deletions

diff --git a/testapi/3rd_party/static/testapi-ui/assets/css/style.css b/testapi/3rd_party/static/testapi-ui/assets/css/style.css
index 3811638..feed1b6 100644
--- a/testapi/3rd_party/static/testapi-ui/assets/css/style.css
+++ b/testapi/3rd_party/static/testapi-ui/assets/css/style.css
@@ -243,23 +243,23 @@ a.glyphicon {
     vertical-align: middle;
 }
 
-.podTable-col {
+.podsTable-col {
   font-size: 20px !important;
 }
-.podTable-col a:not(:first-child) {
+.podsTable-col a:not(:first-child) {
   margin-left: 10px;
 }
-.podTable {
+.podsTable {
   padding: 10px 0;
   margin: 10px 0;
   background-color: #fff;
 }
 
-.podTable .search {
+.podsTable .search {
   width: 150px;
 }
 
-.podTable >div {
+.podsTable >div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -268,4 +268,16 @@ a.glyphicon {
       -ms-flex-align: center;
           align-items: right;
   margin: 10px 0;
-}
\ No newline at end of file
+}
+
+.podsTableTd {
+  border-top:none!important;
+  float: right!important;
+  padding-bottom:0px!important;
+  font-weight:bold;
+}
+
+.podsTableLeftTd{
+  border-top:none!important;
+  padding-bottom:0px!important;
+}