[Libcloud-list] [PATCH server] First attempt at making actions more readable.

[jason.guiditta]

Make them a pipe-delimited list for now, we can always
change the css later, or add js effects.

Signed-off-by: Jason Guiditta 
---
 src/app/views/layouts/dcloud.rhtml      |    1 +
 src/app/views/portal_pool/show.html.erb |    5 ++++-
 src/public/stylesheets/dcloud.css       |   14 ++++++++++++++
 3 files changed, 19 insertions(+), 1 deletions(-)

diff --git a/src/app/views/layouts/dcloud.rhtml b/src/app/views/layouts/dcloud.rhtml
index 74ee09c..725f630 100644
--- a/src/app/views/layouts/dcloud.rhtml
+++ b/src/app/views/layouts/dcloud.rhtml
@@ -56,6 +56,7 @@
                         error: function(xhr) {$.jGrowl(xhr.status + ' ' + xhr.statusText);}
                     });
                     return false;})},function(){});
+                    $('ul.instance_action_list li:first-child').addClass('first');
    });
       </script>
    <%= yield :scripts -%>
diff --git a/src/app/views/portal_pool/show.html.erb b/src/app/views/portal_pool/show.html.erb
index 88d8e3f..1eb9ed7 100644
--- a/src/app/views/portal_pool/show.html.erb
+++ b/src/app/views/portal_pool/show.html.erb
@@ -15,13 +15,16 @@
       <[e-mail] {|instance| %>
         <tr>
           <td>
+            <ul class="instance_action_list">
             <%instance.get_action_list.each {|action|%>
+              <li>
               <%= link_to action, :controller => "instance",
                                   :action => "instance_action",
                                   :id => instance,
                              :instance_action => action %>
-	      <br/>
+              </li>
        <% } %>
+            </ul>
           </td>
           <td><%= instance.name %></td>
           <td><%= instance.state %></td>
diff --git a/src/public/stylesheets/dcloud.css b/src/public/stylesheets/dcloud.css
index 143feec..b0e8115 100644
--- a/src/public/stylesheets/dcloud.css
+++ b/src/public/stylesheets/dcloud.css
@@ -229,3 +229,17 @@ ul#providers li ul li a:hover {
   background: #f2a922 url(../images/icon_vmpool.png) no-repeat 2px 50%;
   color: #FFF;
 }
+
+.instance_action_list {
+  padding: 0;
+}
+
+.instance_action_list li {
+  padding: 0 0.3em;
+  border-left: 1px solid #000;
+  display: inline;
+}
+
+.instance_action_list li.first {
+  border-left: none;
+}