From 4b38026c5ecde12a73af1f26b1629dfc119f417a Mon Sep 17 00:00:00 2001
From: Arlen Johnson <arlen@sphericalcowgroup.com>
Date: Mon, 29 Aug 2022 17:37:05 -0400
Subject: [PATCH] Change read-only rows in index to use "edit_off" icon
 (CFM-189)

---
 app/templates/Standard/index.php | 4 ++--
 app/webroot/css/co-base.css      | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/templates/Standard/index.php b/app/templates/Standard/index.php
index ad0206ebf..3f8ce602a 100644
--- a/app/templates/Standard/index.php
+++ b/app/templates/Standard/index.php
@@ -566,7 +566,7 @@ function _column_key($modelsName, $c, $tz=null) {
                           $linkClass .= ' row-link-edit';
                         } elseif ($a == 'view') {
                           $linkClass .= ' row-link-view';
-                          $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                          $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                         }
                         $args = ['class' => $linkClass];
                         $isFirstLink = false;
@@ -606,7 +606,7 @@ function _column_key($modelsName, $c, $tz=null) {
                             $linkClass .= ' row-link-edit';
                           } elseif ($a == 'view') {
                             $linkClass .= ' row-link-view';
-                            $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                            $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                           }
                           $args = ['class' => $linkClass];
                           $isFirstLink = false;
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 74d6da41b..69300673c 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1080,7 +1080,8 @@ ul.form-list li.field-stack textarea {
   display: inline;
   margin: 0;
 }
-#content .material-icons {
+#content .material-icons,
+#content .material-icons-outlined {
   font-size: 17px;
   margin-top: 1px;
   vertical-align: top;
@@ -1370,6 +1371,7 @@ table.list-mode .read-only-link-container {
 }
 .linked-row .read-only-icon {
   color: var(--cmg-color-gray-003);
+  padding: 0 0.5em;
 }
 .menuitembutton {
   width: 250px;