From 7489bddaaf8786a70e61f9c45fb53f66d1ee9afe Mon Sep 17 00:00:00 2001
From: Stephanie Leary <stephanie.leary@equinoxoli.org>
Date: Wed, 22 Mar 2023 16:33:56 +0000
Subject: [PATCH] Auto width for table and wrapper

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
---
 .../src/eg2/src/app/share/grid/grid.component.css  | 29 +++++++++++-----------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
index ca10abaf6b..aa83b0e78b 100644
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
@@ -7,14 +7,15 @@
 .eg-grid-wrapper:focus-visible {
   outline: 2px solid #0A58CA;
   outline-offset: 5px;
+  width: auto;
 }
 
 .eg-grid {
-    width: 100%;
-    caption-side: top;
-    color: rgba(0,0,0,.87);
-    table-layout: auto;
-    white-space: normal; 
+  width: revert;
+  caption-side: top;
+  color: rgba(0,0,0,.87);
+  table-layout: auto;
+  white-space: normal; 
 }
 
 .eg-grid > :not(:first-child) {
@@ -26,9 +27,9 @@
 }
     
 .eg-grid-row {
-    border-bottom: 1px solid rgba(0,0,0,.12);
-    padding-left: 10px;
-    padding-right: 10px;
+  border-bottom: 1px solid rgba(0,0,0,.12);
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 .eg-grid-header-row {
@@ -38,7 +39,7 @@
 }
 
 .eg-grid-body {
-    outline: none; /* for keyboard events */
+  outline: none; /* for keyboard events */
 }
 
 .eg-grid-body-row.selected, 
@@ -60,7 +61,7 @@
  * inconsistent grid column widths
  */
 .eg-grid-cell-overflow {
-    white-space: normal;
+  white-space: normal;
 }
 
 .eg-grid-header-cell {
@@ -73,8 +74,8 @@
 }
 
 .eg-grid-header-cell.dragover {
-    background-color: #cce5ff;
-    border-color: #b8daff;
+  background-color: #cce5ff;
+  border-color: #b8daff;
 }
 
 .eg-grid-header-cell-sort-arrow {
@@ -107,7 +108,7 @@
 }
 
 .eg-grid-column-width-config .eg-grid-cell {
-    border-left: 2px dashed grey;
+  border-left: 2px dashed grey;
 }
 
 .eg-grid-column-width-icon {
@@ -127,7 +128,7 @@
   white-space: normal;
 }
 .eg-grid-col-is-filtered {
-    background: lightblue;
+  background: lightblue;
 }
 .eg-grid-filter-menu {
   min-width: 17rem;
-- 
2.11.0