caption fixes

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>

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 cc8c824..f619a3c 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
@@ -1,5 +1,7 @@
-.eg-grid-wrapper {
-  overflow-x: auto;
+@media (max-width: 960px) {
+  .eg-grid-wrapper {
+    overflow-x: auto;
+  }
 }
 
 [role="region"][aria-labelledby][tabindex]:focus-visible {
@@ -9,10 +11,19 @@
 
 .eg-grid {
     width: 100%;
+    caption-side: top;
     color: rgba(0,0,0,.87);
     table-layout: auto;
     white-space: normal; 
 }
+
+.eg-grid > :not(:first-child) {
+  border-top: revert;
+}
+
+.eg-grid caption {
+  color: #000;
+}
     
 .eg-grid-row {
 /*    display: flex; */
@@ -54,7 +65,7 @@
 }
 
 .eg-grid-header-cell {
-  font-weight: bold;
+  font-weight: 600;
   white-space: normal;
 }
 
@@ -252,6 +263,10 @@ components' CSS to override the default width.
   /**/
 }
 
+.eg-grid-col-barcode {
+  min-width: 14ch;
+}
+
 .eg-grid-col-description,
 .eg-grid-col-label {
   min-width: 20ch;