From 69ce07ef01ce01ff68e3aba5475bdc0784b0f2e8 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 18 Apr 2017 11:52:44 -0400
Subject: [PATCH] no org callout on sidebar

---
 src/app/views/userLayout.html | 10 ++++++++--
 src/less/vault.less           | 24 ++++++++++++++++++++----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/app/views/userLayout.html b/src/app/views/userLayout.html
index 9c2c919b64..1ab7b37633 100644
--- a/src/app/views/userLayout.html
+++ b/src/app/views/userLayout.html
@@ -99,8 +99,14 @@
             </li>
         </ul>
         <div class="subsection">
-            <ul class="list-inline">
-                <li ng-repeat="org in orgs | orderBy: ['name']">
+            <div ng-if="!orgs.length" class="hidden-collapsed">
+                <p>You do not belong to any organizations.</p>
+                <a ui-sref="backend.user.settingsCreateOrg" class="btn btn-default btn-flat btn-block">
+                    Create an Organization
+                </a>
+            </div>
+            <ul class="list-inline" ng-if="orgs.length">
+                <li ng-repeat="org in orgs | orderBy: ['name'] track by org.id">
                     <a href="javascript:void(0)" ng-click="viewOrganization(org)">
                         <letter-avatar data="{{org.name}}" avclass="img-responsive img-rounded" round="false"
                                        avheight="40" avwidth="40" bgcolor="#1a2226"></letter-avatar>
diff --git a/src/less/vault.less b/src/less/vault.less
index 4d3380e552..deb4455d4e 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -44,14 +44,30 @@ h1, h2, h3, h4, h5, h6,
     }
 }
 
-.sidebar .subsection {
-    padding: 10px;
+.sidebar {
+    color: #bbbbbb;
+
+    a.btn {
+        color: @btn-default-color;
+    }
+
+    .subsection {
+        padding: 10px;
+        text-align: center;
+    }
 }
 
-.sidebar-collapse .sidebar .list-inline li {
-    padding-right: 0;
+.sidebar-collapse {
+    .sidebar .list-inline li {
+        padding-right: 0;
+    }
+
+    .hidden-collapsed {
+        display: none;
+    }
 }
 
+
 form div.validation-errors ul {
     margin-bottom: 0;
     padding-left: 20px;