Cleaning up the event view

Font sizes/colors, tables and stuff

gracedb/static/css/override.css

@@ -21,3 +21,8 @@
 .collapse-row.collapsed + tr {
   display: none;
 }
+
+.table-detail {
+  font-size: 12px;
+  font-stretch: condensed;
+}  

gracedb/templates/base.html

@@ -9,6 +9,8 @@
       <link type="text/css" rel="stylesheet" href="{% static "css/override.css" %}" />
       <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
       <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono&display=fallback">
+      <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Alegreya:700" rel="stylesheet" type="text/css" />
+
       <style>body,input{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}</style>
 
       <!--Let browser know website is optimized for mobile-->

gracedb/templates/gracedb/event_detail_coinc.html

@@ -12,10 +12,10 @@
 <div style="display:table-row;width:100%">
 
 <div style="display:table-cell;float:left;width:35%;">
-<h2>Coinc Tables</h2>
+<h5>Coinc Tables</h5>
 <!-- <table class="analysis_specific"> <tbody> -->
 <!-- 5 rows here -->
-<table style="height:380px"> 
+<table class="table table-responsive table-sm w-auto table-detail"> 
     <!-- <tr> <th> ifos </th> <td> {{object.ifos}} </td> </tr>  -->
     <tr> <th> End Time (GPS) </th> <td> {{object|end_time:4}}&nbsp;s </td> </tr>
     <!--<tr> <th> end_time_ns </th> <td> {{object.end_time_ns}} </td> </tr> -->
@@ -34,14 +34,14 @@
 <!-- Single Inspiral Data -->
 <!-- 13 rows here. -->
 <div style="display:table-cell;float:right;width:65%">
-<h2>Single Inspiral Tables</h2>
+<h5>Single Inspiral Tables</h5>
 
 <!--<div id="single_inspiral_tables"> -->
 <!-- <div id="single_inspiral_tables"
        	data-dojo-type="dijit/TitlePane"
         data-dojo-props="title: 'Single Inspiral Tables', open: false"> -->
         <!--<table class="analysis_specific_lm"> -->
-<table>
+<table class="table table-responsive table-sm w-auto table-detail">
 	<tr>
 		<th>IFO</th>
 		{% for e in single_inspiral_events %}

gracedb/templates/gracedb/neighbors_frag.html

 {% load timeutil %}
 {% load scientific %}
 <div id="neighbors" class="content-area">
-<h2>Neighbors &nbsp;
+<h5>Neighbors &nbsp;
     <span data-dojo-type="dijit/InlineEditBox"
         data-dojo-props="editor:'dijit/form/TextBox', editorParams:{constraints:{places:0} }" width="100px" 
         title="window"
-        onchange="refresh_neighbors(this.value)">{{neighbor_delta}}</span></h2>
+        onchange="refresh_neighbors(this.value)">{{neighbor_delta}}</span></h5>
 
 {% if nearby %}
 
-<table class="event">
+<table class="table table-responsive table-sm w-auto table-detail table-hover">
+  <thead class="thead-dark">
     <tr>
             <th valign="top">UID</th>
             <th>Labels</th>
@@ -29,6 +30,7 @@
                 <div> Submitted </div>
             </th>
     </tr>
+  </thead>
     {% for delta, object in nearby %}
     <tr class={% cycle 'odd' 'even' %}>
         <td><a href="{% url "view" object.graceid %}">{{ object.graceid }}</a></td>