From 4533253d2ab7d2921b3e9868862874d6dfc83ed3 Mon Sep 17 00:00:00 2001
From: Mike Risher <mrisher@catalyte.io>
Date: Tue, 10 Dec 2019 23:15:35 +0000
Subject: [PATCH] lp1855931 eg-grid column headers

Make column headers text wrap so that you can fully read the header even if
it's several words long.  This will help when there are multiple headers
that start with the same word and they show up identically.

Signed-off-by: Mike Risher <mrisher@catalyte.io>
---
 .../src/eg2/src/app/share/grid/grid.component.css  | 37 +++++++++++-----------
 1 file changed, 19 insertions(+), 18 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 de4894d3fe..4c9575fc52 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
@@ -31,24 +31,6 @@
   border-color: #b8daff;
 }
 
-.eg-grid-header-cell {
-    font-weight: bold;
-}
-
-.eg-grid-header-cell.dragover {
-    background-color: #cce5ff;
-    border-color: #b8daff;
-}
-
-.eg-grid-header-cell-sort-label {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.eg-grid-header-cell-sort-arrow {
-  font-size: 14px;
-}
-
 .eg-grid-cell {
     flex: 2; /* applied per column */
     padding: 6px;
@@ -75,6 +57,25 @@
 .eg-grid-body-cell {
 }
 
+.eg-grid-header-cell {
+  font-weight: bold;
+  white-space: normal;
+}
+
+.eg-grid-header-cell.dragover {
+    background-color: #cce5ff;
+    border-color: #b8daff;
+}
+
+.eg-grid-header-cell-sort-label {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.eg-grid-header-cell-sort-arrow {
+  font-size: 14px;
+}
+
 .eg-grid-toolbar {
   display: flex;
 }
-- 
2.11.0