From c8ddfd5da0f5884f6865206c8c5faa38d05c9221 Mon Sep 17 00:00:00 2001
From: Tanner Prestegard <tanner.prestegard@ligo.org>
Date: Fri, 13 Jul 2018 10:29:27 -0500
Subject: [PATCH] Updating label display on detail pages

---
 gracedb/static/css/style.css                | 8 ++++++++
 gracedb/templates/gracedb/event_detail.html | 2 +-
 gracedb/templates/superevents/detail.html   | 4 ++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/gracedb/static/css/style.css b/gracedb/static/css/style.css
index 849767d32..dbc51de5d 100644
--- a/gracedb/static/css/style.css
+++ b/gracedb/static/css/style.css
@@ -32,6 +32,14 @@ table.event {width:100%}
 /* Tanner added - centering columns in multi-column tables */
 table.eventmulti td {text-align:center;}
 
+/* style for labels on detail pages */
+.label {
+    display: inline-block;
+    padding-left: 2px;
+    padding-right: 2px;
+    font-weight: bold;
+}
+
 /* superevent info table */
 .superevent th {padding: 5px 10px 5px 10px;border:none;text-align:center;vertical-align:bottom;}
 .superevent td {padding:10px;border:none;vertical-align:bottom;}
diff --git a/gracedb/templates/gracedb/event_detail.html b/gracedb/templates/gracedb/event_detail.html
index 3ac83ae87..2db928a80 100644
--- a/gracedb/templates/gracedb/event_detail.html
+++ b/gracedb/templates/gracedb/event_detail.html
@@ -204,7 +204,7 @@
         <td>{{ object.graceid }}</td>
         <td>
              {% for labelling in object.labelling_set.all %}
-                <span onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></span>
+                <span onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</span>
              {% endfor %}
         </td>
         <td>{{ object.group.name }} </td>
diff --git a/gracedb/templates/superevents/detail.html b/gracedb/templates/superevents/detail.html
index a706c9a1a..1f8c3befe 100644
--- a/gracedb/templates/superevents/detail.html
+++ b/gracedb/templates/superevents/detail.html
@@ -147,7 +147,7 @@
         <td>{{ superevent.superevent_id }}</td>
         <td>{{ superevent.get_category_display }}</td>
         <td>{% for labelling in superevent.labelling_set.all %}
-            <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></div>
+            <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</div>
             {% endfor %}
         </td>
 
@@ -203,7 +203,7 @@
         <td><a href="{% url "view" preferred_event.graceid %}">{{ preferred_event.graceid }}</a></td>
         <td>
              {% for labelling in preferred_event_labelling %}
-                <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></div>
+                <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</div>
              {% endfor %}
         </td>
         <td>{{ preferred_event.group.name }} </td>
-- 
GitLab