diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 5ee5a21..ecf511b 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -153,7 +153,7 @@
 					</ul>
 					<div class="clearfix"></div>
 				</div>
-				<div class="x_content tile fixed_height_200" style="overflow-y:auto;">
+				<div class="x_content tile fixed_height_230" style="overflow-y:auto;">
 					<div class="widget_summary">
 						<div class="w_left w_25">
 							<span>Ping Connections / Total Node</span>
diff --git a/app/views/node/detail.html.erb b/app/views/node/detail.html.erb
index 2865bda..a9d9bf1 100644
--- a/app/views/node/detail.html.erb
+++ b/app/views/node/detail.html.erb
@@ -70,6 +70,33 @@
                 </div>
             </div>
         </div>
+        <div class="col-md-6 col-sm-6 col-xs-12">
+            <div class="x_panel">
+                <div class="x_title">
+                    <h2><i class="fa fa-align-left"></i> Node List</h2>
+                    <ul class="nav navbar-right panel_toolbox">
+                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                        </li>
+                        <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                            <ul class="dropdown-menu" role="menu">
+                                <li><a href="#">Settings 1</a>
+                                </li>
+                                <li><a href="#">Settings 2</a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <div class="clearfix"></div>
+                </div>
+                <div class="x_content tile" style="overflow-y:auto; min-height:227px;">
+                    
+                </div>
+            </div>
+        </div>
+        
+     </div>
+    <div class="row">    
         <div class="col-md-6 col-sm-6 col-xs-12">
             <div class="x_panel">
                 <div class="x_title">
@@ -126,8 +153,7 @@
                 </div>
             </div>
         </div>
-        
-        <div class="col-md-12 col-sm-12 col-xs-12">
+        <div class="col-md-6 col-sm-6 col-xs-6">
             <div class="x_panel">
                 <div class="x_title">
                     <h2><i class="fa fa-info-circle"></i> Node Detail</h2>
@@ -155,20 +181,35 @@
                                 <div class="item form-group">
                                     <label for="password" class="control-label col-md-3">Ping : </label>
                                     <div class="col-md-6 col-sm-6 col-xs-12">
-                                        <label class="control-label col-md-7 col-xs-12" ><%=node["ping"]%></label>
+                                            <% if node["ping"].eql? "true" %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-circle-o green"></i></label>
+                                            <% else %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-close red"></i></label>
+                                            <% end %>
+                                        <!--<label class="control-label col-md-7 col-xs-12" ><%=node["ping"]%></label>-->
                                     </div>
                                 </div>
                                 <% if node["ping"].eql? "true" %>
                                     <div class="item form-group">
                                         <label for="password" class="control-label col-md-3">SSH Connection : </label>
                                         <div class="col-md-6 col-sm-6 col-xs-12">
-                                            <label class="control-label col-md-7 col-xs-12" ><%=node["ssh"]%></label>
+                                            <% if node["ssh"].eql? "on" %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-circle-o green"></i></label>
+                                            <% else %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-close red"></i></label>
+                                            <% end %>
+                                            <!--<label class="control-label col-md-7 col-xs-12" ><%=node["ssh"]%></label>-->
                                         </div>
                                     </div>
                                     <div class="item form-group">
                                         <label for="password" class="control-label col-md-3">Gluster Connection : </label>
                                         <div class="col-md-6 col-sm-6 col-xs-12">
-                                            <label class="control-label col-md-7 col-xs-12" ><%=node["gluster"]%></label>
+                                            <% if node["gluster"].eql? "on" %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-circle-o green"></i></label>
+                                            <% else %>
+                                                <label class="control-label col-md-7 col-xs-12" ><i class="fa fa-close red"></i></label>
+                                            <% end %>
+                                            <!--<label class="control-label col-md-7 col-xs-12" ><%=node["gluster"]%></label>-->
                                         </div>
                                     </div>
                                         
diff --git a/app/views/node/index.html.erb b/app/views/node/index.html.erb
index 5d163c8..940af4b 100644
--- a/app/views/node/index.html.erb
+++ b/app/views/node/index.html.erb
@@ -70,6 +70,36 @@
                 </div>
             </div>
         </div>
+        <div class="col-md-6 col-sm-6 col-xs-12">
+            <div class="x_panel">
+                <div class="x_title">
+                    <h2><i class="fa fa-align-left"></i> Node List</h2>
+                    <ul class="nav navbar-right panel_toolbox">
+                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                        </li>
+                        <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                            <ul class="dropdown-menu" role="menu">
+                                <li><a href="#">Settings 1</a>
+                                </li>
+                                <li><a href="#">Settings 2</a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <div class="clearfix"></div>
+                </div>
+                <div class="x_content tile" style="overflow-y:auto; min-height:228px;">
+                    <div class="bs-example" data-example-id="simple-jumbotron">
+                      <div class="jumbotron">
+                        <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
         <div class="col-md-6 col-sm-6 col-xs-12">
             <div class="x_panel">
                 <div class="x_title">
@@ -126,6 +156,30 @@
                 </div>
             </div>
         </div>
+        <div class="col-md-6 col-sm-6 col-xs-12">
+            <div class="x_panel">
+                <div class="x_title">
+                    <h2><i class="fa fa-info-circle"></i> Node Detail <small>Click host name</small></h2>
+                    <ul class="nav navbar-right panel_toolbox">
+                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                        </li>
+                        <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                            <ul class="dropdown-menu" role="menu">
+                                <li><a href="#">Settings 1</a>
+                                </li>
+                                <li><a href="#">Settings 2</a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <div class="clearfix"></div>
+                </div>
+                <div class="x_content">
+                     
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 <!-- /page content -->
diff --git a/vendor/assets/components/gentelella/production/css/custom.css b/vendor/assets/components/gentelella/production/css/custom.css
index 2de23a3..af19f27 100755
--- a/vendor/assets/components/gentelella/production/css/custom.css
+++ b/vendor/assets/components/gentelella/production/css/custom.css
@@ -358,6 +358,12 @@ body {
 .fixed_height_200 {
   height: 200px;
 }
+.fixed_height_230 {
+  height: 230px;
+}
+.fixed_height_300 {
+  height: 300px;
+}
 .overflow_hidden {
   overflow: hidden
 }
diff --git a/vendor/assets/components/gentelella/production/less/custom.css b/vendor/assets/components/gentelella/production/less/custom.css
index 3a28314..6ab02c9 100755
--- a/vendor/assets/components/gentelella/production/less/custom.css
+++ b/vendor/assets/components/gentelella/production/less/custom.css
@@ -430,6 +430,10 @@ body {
     height: 200px;
 }
 
+.fixed_height_220 {
+    height: 220px;
+}
+
 .overflow_hidden {
     overflow: hidden
 }