-<div>
-<h4>Add / Delete SSH Keys</h4>
- <table class="table virtual-machines-table">
- <colgroup>
- <col style="width: 95%" />
- <col style="width: 5%" />
- </colgroup>
- <tbody>
- <% @my_ssh_keys.andand.each do |key| %>
+<div class="panel panel-default">
+ <div class="panel-heading">
+ <div class="pull-right">
+ <%= link_to raw('<i class="fa fa-plus"></i>' " Add new SSH key"), add_ssh_key_popup_url,
+ {class: 'btn btn-xs btn-primary', :remote => true, 'data-toggle' => "modal",
+ 'data-target' => '#add-ssh-key-modal-window'} %>
+ </div>
+ <h4 class="panel-title">
+ <a data-parent="#arv-adv-accordion" href="#manage_ssh_keys">
+ SSH Keys
+ </a>
+ </h4>
+ </div>
+
+<div id="manage_ssh_keys" class="panel-body">
+ <% if !@my_ssh_keys.any? %>
+ <p> You have not yet set up an SSH public key for use with Arvados. </p>
+ <p> <%= link_to "Click here",
+ "#{Rails.configuration.arvados_docsite}/user/getting_started/ssh-access-unix.html",
+ style: "font-weight: bold",
+ target: "_blank" %> to learn about SSH keys in Arvados.
+ </p>
+ <p> When you have an SSH key you would like to use, add it using the <b>Add</b> button. </p>
+ <% else %>
+ <table class="table manage-ssh-keys-table">
+ <colgroup>
+ <col style="width: 35%" />
+ <col style="width: 55%" />
+ <col style="width: 10%" />
+ </colgroup>
+ <thead>