style: Attempt different styling of timeseries label in list

src/components/ObservationTimeSeriesList.vue

@@ -51,8 +51,8 @@
               <b>{{ ots.name }}</b>
             </div>
             <div v-else class="row">
-              <div class="col-9 d-flex align-items-center">
-                <span style="font-size: 0.9rem; font-weight: bolder">{{label(ots)}}</span>&nbsp;<span> - {{ ots.name }}</span>
+              <div class="col-9">
+                <span class="timeseries-label">{{label(ots)}}</span><br>{{ ots.name }}
               </div>
               <div class="col-3 d-flex align-items-center justify-content-end">
                   <span class="badge badge-pill badge-info">{{ getObservationCount(ots.observationTimeSeriesId) }}</span>
@@ -304,6 +304,13 @@ a {
   text-decoration: underline !important;
 }
 
+.timeseries-label {
+  font-family: monospace;
+  color: grey;
+  font-size: 0.8rem;
+}
+
+
 .small-icon {
   color: #3d8052;
   margin-right: 5px;