feat: hide nav labels with no un-grouped collections

src/admin/components/elements/Nav/index.scss

@@ -98,6 +98,7 @@
 
   nav {
     margin: base(.25) 0 $baseline;
+    width: 100%;
 
     a {
       position: relative;

src/admin/components/elements/Nav/index.tsx

@@ -89,7 +89,9 @@ const DefaultNav = () => {
         </header>
         <div className={`${baseClass}__wrap`}>
           {Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => <Component key={i} />)}
+          { groupedCollections[''].length > 0 && (
             <span className={`${baseClass}__label`}>Collections</span>
+          ) }
           <nav className={`${baseClass}__collections`}>
             {Object.entries(groupedCollections)
               .map(([group, groupCollections]) => (
@@ -122,7 +124,9 @@ const DefaultNav = () => {
           </nav>
           {(globals && globals.length > 0) && (
             <React.Fragment>
+              { groupedGlobals[''].length > 0 && (
               <span className={`${baseClass}__label`}>Globals</span>
+              ) }
               <nav className={`${baseClass}__globals`}>
                 {Object.entries(groupedGlobals)
                   .map(([group, globalsGroup]) => (

src/admin/components/elements/NavGroup/index.scss

@@ -1,20 +1,34 @@
 @import '../../../scss/styles.scss';
 
 .nav-group {
+  width: 100%;
+
   &__toggle {
     cursor: pointer;
-    color: var(--theme-elevation-600);
+    color: var(--theme-elevation-400);
     background: transparent;
     padding-left: 0;
     border: 0;
     margin-top: base(.25);
+    width: 100%;
+    text-align: left;
+    display: flex;
+    align-items: center;
+
+    &:hover {
+      color: var(--theme-elevation-1000);
+      .stroke {
+        stroke: var(--theme-elevation-1000);
+      }
+    }
   }
 
   &__indicator {
     transform: rotate(.5turn);
+    margin-left: auto;
 
     .stroke {
-      stroke: var(--theme-elevation-600);
+      stroke: var(--theme-elevation-400);
     }
   }
 

test/admin/config.ts

@@ -48,8 +48,19 @@ export default buildConfig({
     },
   },
   collections: [
+    {
+      slug: 'users',
+      admin: {
+        group: 'One',
+      },
+      auth: true,
+      fields: [],
+    },
     {
       slug,
+      admin: {
+        group: 'One',
+      },
       fields: [
         {
           name: 'title',
@@ -113,6 +124,9 @@ export default buildConfig({
   globals: [
     {
       slug: globalSlug,
+      admin: {
+        group: 'Group',
+      },
       fields: [
         {
           name: 'title',