From df13c2195fd3e9bba4a614849f22b435d598cc5b Mon Sep 17 00:00:00 2001
From: Katherine Fleming <2205659+kflemin@users.noreply.github.com>
Date: Thu, 18 Jan 2024 09:30:33 -0700
Subject: [PATCH] Update ALI table on inventory details page (#4489)

update ali table on ininv details page
---
 seed/static/seed/partials/inventory_detail.html | 10 +++++-----
 seed/static/seed/scss/style.scss                |  5 +++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/seed/static/seed/partials/inventory_detail.html b/seed/static/seed/partials/inventory_detail.html
index 19cb1ae6a4..b5ec908787 100644
--- a/seed/static/seed/partials/inventory_detail.html
+++ b/seed/static/seed/partials/inventory_detail.html
@@ -131,18 +131,18 @@ <h2>
             <span ng-repeat="label in labels" class="label label-{$:: label.label $}" style="padding: 4.6px 7px">{$:: label.name $}</span>
           </div>
         </div>
-        <div>
-          <strong style="padding-right:5px;">Access Level Instance</strong>
+        <div class="access-level-info-section">
+          <strong style="padding-right:5px;padding-top:10px;">{$:: 'Access Level Instance Information' | translate $}:</strong>
           <div>
-            <table id="ali-detail-table" class="table table-striped" style="width: fit-content">
+            <table id="ali-detail-table" class="table table-striped table_highlight_first" style="width: fit-content">
               <thead>
               <tr>
-                <th ng-repeat="(level, name) in ali_path">{$ level $}</th>
+                <th ng-repeat="(level, name) in organization.access_level_names">{$:: 'Level' | translate $} {$ level+1 $} - {$ name $}</th>
               </tr>
               </thead>
               <tbody>
               <tr>
-                <th ng-repeat="(level, name) in ali_path">{$ name $}</th>
+                <td style="border: 1px solid #ddd;" ng-repeat="(level, name) in organization.access_level_names">{$ ali_path[name] $}</td>
               </tr>
               </tbody>
             </table>
diff --git a/seed/static/seed/scss/style.scss b/seed/static/seed/scss/style.scss
index ade37a9a42..e656eae764 100755
--- a/seed/static/seed/scss/style.scss
+++ b/seed/static/seed/scss/style.scss
@@ -3886,6 +3886,11 @@ $pairedCellWidth: 60px;
   margin-top: 20px;
 }
 
+.access-level-info-section {
+  margin-top: 10px;
+  padding-right: 5px;
+}
+
 .pad-bottom-10 {
   padding-bottom: 10px;
 }