delegates relationship type ux to own icon button in rr datatype re #…

…10666
archesproject · Mar 8, 2024 · 42f28bc · 42f28bc
1 parent 34ed3ea
commit 42f28bc
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/arches/app/templates/views/components/datatypes/resource-instance.htm b/arches/app/templates/views/components/datatypes/resource-instance.htm
@@ -35,13 +35,19 @@
                             <i class="fa fa-trash"></i>
                         </button>
                     </div>
-                    <div class="rr-table-column" tabindex="0" role="button" style="flex-grow: 1; padding-left: 10px;"
-                        data-bind="
+                    <div class='rr-table-column icon-column'>
+                        <button 
+                            data-bind="
                             click: function() { if($parent.isEditable !== false){self.toggleSelectedResource($data)}; },
                             clickBubble: false,
                             onEnterkeyClick, onSpaceClick," 
-                        style="cursor: pointer;">
-                        <div class="rr-table-instance-label"><span style="float: left; padding-right: 8px;"><i class="fa fa-gear"></i></span><span data-bind="text: $data.name"></span></div>
+                            style="cursor: pointer;">
+                            <i class="fa fa-gear"></i>
+                        </button>
+                    </div>
+                    <div class="rr-table-column" tabindex="0" style="flex-grow: 1; padding-left: 10px;">
+                        <div class="rr-table-instance-label" data-bind="text: $data.name"></div>
+
                     </div>
                 </div>
                 <div class="rr-table-row-panel" data-bind="if: self.selectedResourceType() === $data, visible: self.selectedResourceType() === $data, css: { 'rr-table-border': self.selectedResourceType() === $data} ">