From 22299c03cda7a9ddaf1437c0388b8c791b30833b Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 7 Mar 2017 00:19:00 -0500
Subject: [PATCH] list-groups for org box listing

---
 src/app/settings/views/settings.html | 31 +++++++---------------------
 src/less/vault.less                  | 22 ++++++++++++++++++++
 2 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/src/app/settings/views/settings.html b/src/app/settings/views/settings.html
index ce7b8e9f9e..ccbd572789 100644
--- a/src/app/settings/views/settings.html
+++ b/src/app/settings/views/settings.html
@@ -113,29 +113,14 @@
         <div class="box-header with-border">
             <h3 class="box-title">Organizations</h3>
         </div>
-        <div class="box-body" ng-class="{'no-padding': model.organizations && model.organizations.length}">
-            <div ng-show="!model.organizations || !model.organizations.length">
-                No organizations yet for your account.
-            </div>
-            <div class="table-responsive" ng-show="model.organizations && model.organizations.length">
-                <table class="table table-striped table-hover table-selectable">
-                    <tbody>
-                        <tr ng-repeat="org in model.organizations | orderBy: ['name']">
-                            <td class="actions" style="width: 40px; min-width: 40px;">
-                                <button type="button" ng-click="viewOrganization(org.id)" class="btn btn-link btn-table"
-                                        uib-tooltip="View/Manage">
-                                    <i class="fa fa-lg fa-share"></i>
-                                </button>
-                            </td>
-                            <td ng-click="viewOrganization(org.id)">
-                                <span ng-click="$event.stopPropagation()">
-                                    {{org.name}}
-                                </span>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
+        <div class="box-body" ng-if="!model.organizations || !model.organizations.length">
+            No organizations yet for your account.
+        </div>
+        <div class="list-group" ng-if="model.organizations && model.organizations.length">
+            <a ng-repeat="org in model.organizations | orderBy: ['name']"
+               href="javascript:void(0)" ng-click="viewOrganization(org.id)" class="list-group-item">
+                <i class="fa fa-sitemap fa-fw"></i> {{org.name}}
+            </a>
         </div>
         <div class="box-footer">
             <button type="button" ng-click="createOrganization()" class="btn btn-default btn-flat">
diff --git a/src/less/vault.less b/src/less/vault.less
index 7d95e5d18a..5f77146881 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -148,6 +148,28 @@ form .btn .loading-icon {
     }
 }
 
+/* Boxes */
+
+.box > .list-group {
+    margin-bottom: 0;
+}
+
+.box > .list-group .list-group-item {
+    border-width: 1px 0;
+    border-radius: 0;
+    border-color: @box-border-color;
+}
+
+.box > .list-group:last-child .list-group-item:last-child {
+    border-bottom: 0;
+    border-bottom-right-radius: @box-border-radius;
+    border-bottom-left-radius: @box-border-radius;
+}
+
+.list-group + .box-footer, .box-header + .list-group .list-group-item:first-child {
+    border-top-width: 0;
+}
+
 /* Toastr */
 
 #toast-container {