From 8e283ca2ce085a9b8a28c534eaf73390e8dc6802 Mon Sep 17 00:00:00 2001
From: Arlen Johnson <arlen@sphericalcowgroup.com>
Date: Thu, 29 Aug 2024 09:51:00 -0400
Subject: [PATCH] Improve layout for item-with-type (CFM-411) (#213)

---
 app/webroot/css/co-responsive.css                            | 3 ---
 .../js/comanage/components/autocomplete/item-with-type.js    | 5 ++++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index 8549e72c5..0f68053c7 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -524,9 +524,6 @@
   .config-menu {
     column-count: 4;
   }
-  .item-with-type {
-    grid-template-columns: 1fr 2fr;
-  }
 }
 
 /* SPECIAL */
diff --git a/app/webroot/js/comanage/components/autocomplete/item-with-type.js b/app/webroot/js/comanage/components/autocomplete/item-with-type.js
index 501462647..67450251e 100644
--- a/app/webroot/js/comanage/components/autocomplete/item-with-type.js
+++ b/app/webroot/js/comanage/components/autocomplete/item-with-type.js
@@ -47,7 +47,10 @@ export default {
       return this.app.types?.find((t) => t.id == this.item.type_id)?.display_name
     },
     itemClasses: function() {
-      return "item-with-type item-type-" + this.item.type_id; 
+      if(this.app.cosettings[0]?.person_picker_display_types) {
+        return "item-with-type item-type-" + this.item.type_id;
+      }
+      return "item-type-" + this.item.type_id;
     }
   },
   template: `