From 9c645370701d3ab2e2ff7e3a3afece365fd8867c Mon Sep 17 00:00:00 2001
From: Bryce Mecum <petridish@gmail.com>
Date: Wed, 24 Jul 2019 16:00:28 -0800
Subject: [PATCH] Add CSS for new table-based attributeList layout

The change from a list to a table was to support having the badge next to each attribute name indicating it has a least one annotation and to have that badge stand out to the side of the name. I think this makes it a lot easier to spot the annotated attributes.
---
 src/css/metacatui-common.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/css/metacatui-common.css b/src/css/metacatui-common.css
index d6ce12d5f..333da9a65 100644
--- a/src/css/metacatui-common.css
+++ b/src/css/metacatui-common.css
@@ -1558,10 +1558,20 @@ body > .alert-container {
   max-height: 700px;
   overflow: scroll;
 }
-.attributeList a{
+.attributeListTable tr td:last-child a{
 	white-space: nowrap;
 	max-width: 100%;
 }
+.attributeListTable {
+	table-layout: fixed;
+	width: 100%;
+}
+
+/* Make the icon column 16px wide */
+.attributeListTable tr td:first-child {
+	width: 16px;
+}
+
 .controls-well > .party{
 	margin-bottom: 30px;
 	border-bottom: 1px solid #DDD;