Improve co-grid styling (NOJIRA)

app/webroot/css/co-base.css

@@ -1336,28 +1336,27 @@ a.asc::after {
 a.desc::after {
   content: "▼"; /*\25bc in escaped hex*/
 }
+/* CO GRID LAYOUT; currently used only on CO Selection */
 .co-grid {
   clear: both;
-  max-width: 100%; /* used with Bootstrap .container */
-  border-radius: 3px;
-  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
+  max-width: 100%;
+  border-bottom: 1px solid var(--cmg-color-lightgray-005);
 }
 .co-grid .col {
   margin: 0;
   padding: 1em;
 }
 .co-grid .co-grid-header {
-  background-color: var(--cmg-color-lightgray-010) !important;
   font-weight: bold;
+  border-bottom: 1px solid #eee;
 }
 .co-grid .co-row {
   border-top: 1px solid var(--cmg-color-lightgray-005);
+  border-left: 1px solid var(--cmg-color-lightgray-005);
+  border-right: 1px solid var(--cmg-color-lightgray-005);
 }
 .co-grid .co-row:nth-child(even) {
-  background-color: var(--cmg-color-lightgray-002);
-}
-.co-grid > div:nth-child(2) {
-  border-top: 1px solid var(--cmg-color-lightgray-010);
+  background-color: var(--cmg-color-lightgray-001);
 }
 code,
 .fixed-width * {
@@ -1410,7 +1409,7 @@ td.indented {
 }
 .linked-row:hover,
 .linked-row:hover td {
-  background-color: var(--cmg-color-lightgray-004) !important;
+  background-color: var(--cmg-color-lightgray-003) !important;
 }
 .menuitembutton {
   width: 250px;