Fix of spectrogram plotting

network/static/css/app.css

@@ -442,3 +442,17 @@ span.datetime-time {
     max-width: 300px;
     border-radius: 5px;
 }
+
+/* Overwrite display:none
+   of bootstrap tab panel */
+
+.tab-content > .tab-pane {
+    visibility: hidden;
+    display: inline;
+    position: absolute;
+}
+
+.tab-content > .active {
+    visibility: visible;
+    position: initial;
+}

network/static/js/observation_view.js

@@ -44,6 +44,10 @@ $(document).ready(function() {
     d3.select('#timeline').append('svg').attr('width', svg_width)
         .datum(observation_data).call(chart);
 
+    // Set width for not selected tabs
+    var panelWidth = $('.panel-body').first().width();
+    $('.tab-pane').css('width', panelWidth);
+
     // Waveform loading
     $('.wave').each(function(){
         var $this = $(this);