Align with viewer UI styling and try to prevent a floating headers

setup issue

index.html

@@ -24,7 +24,7 @@
     <img src="../imgs/ibt.png" alt="IBT" class="navtab-icon-large">
   </div>
   <div id="abz_button" class="navtab-pushbutton flex-item-samedim" onclick="openTabNA(event, 'abz_tab')">
-    <img src="../imgs/icons/home.svg" class="navtab-icon">
+    <img src="../imgs/icons/nucleic.svg" class="navtab-icon">
     <span class="tab-caption">A- B- Z-</span>
   </div>
   <div class="navtab-pushbutton flex-item-samedim" onclick="openTabNA(event, 'browse_tab')">
@@ -252,6 +252,7 @@ const ZEE_NTCS = [ 'ZZ01', 'ZZ02', 'ZZ1S', 'ZZ2S', 'ZZS1', 'ZZS2' ];
 const LIMITED_WATER_DATA_MSG = 'Data for fragments marked with * have been generated from limited amount of crystal water positions and should be considered less reliable.';
 const REF_DINU_NAME = "Reference dinucleotide";
 const PRED_TBL_HDRS = [ 'PDB ID', 'Resolution [Å]', 'n(HOH)', 'n(DOD)', 'DNA form' ];
+const WATNA_SRV_PATH = '';
 
 let SCROLL_EVT_HANDLERS = [];
 let CURRENT_ACTIVE_TAB = null;
@@ -486,7 +487,7 @@ function mk_seq_ntc_table_code(ntcs, sequences, title, title_collapsed, tainer_i
   if (tainer_id) {
     code += '<div class="collapsible-table-header">'
     code += title;
-    code += `<div class="pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].collapsed; redraw_molstar();"><div class="pushbutton-text">▼</div></div>`;
+      code += `<div class="wva-pushbutton wva-pushbutton-border wva-symbolic-pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].collapsed; redraw_molstar();"><img src="assets/imgs/triangle-down.svg" /></div>`;
     code += '</div>';
   } else
     code = `<div class="ntc-seq-title-text">${title}</div>`;
@@ -537,7 +538,7 @@ function mk_seq_ntc_table_code(ntcs, sequences, title, title_collapsed, tainer_i
     code_collapsed += '<tr><td>';
     code_collapsed += '<div class="collapsible-table-header">'
     code_collapsed += title_collapsed;
-    code_collapsed += `<div class="pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].expanded; redraw_molstar();"><div class="pushbutton-text">◀</div></div>`;
+    code_collapsed += `<div class="wva-pushbutton wva-pushbutton-border wva-symbolic-pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].expanded; redraw_molstar();"><img src="assets/imgs/triangle-left.svg" /></div>`;
     code_collapsed += '</div>';
     code_collapsed += '</td></tr>';
     code_collapsed += '<tr><td>...</td></tr>';
@@ -734,20 +735,24 @@ function listen_to_table_scrolled(tableSel, tainerSel, hdrs) {
     }
   }
 
-  read_zero_positions();
+  try {
+    read_zero_positions();
 
-  const fun = (e, hide) => {
-    if (hide === true) {
-      handle_table(null);
-    } else {
-      const rect = table.getBoundingClientRect();
-      handle_table(rect);
-    }
-  };
+    const fun = (e, hide) => {
+      if (hide === true) {
+        handle_table(null);
+      } else {
+        const rect = table.getBoundingClientRect();
+        handle_table(rect);
+      }
+    };
 
-  SCROLL_EVT_HANDLERS.push({ target: tainer, handler: fun });
+    SCROLL_EVT_HANDLERS.push({ target: tainer, handler: fun });
 
-  tainer.addEventListener('scroll', fun);
+    tainer.addEventListener('scroll', fun);
+  } catch (e) {
+    console.warn('Cannot setup floating table headers');
+  }
 }
 
 function set_scroll_listeners(tabName) {
@@ -787,6 +792,7 @@ function init_all() {
         treatReferenceAsExtraPart: false,
         extraStructurePartsPlacement: 'last',
         disableStepWaters: true,
+        pathPrefix: WATNA_SRV_PATH,
       }
     );
     watna_init(
@@ -800,6 +806,7 @@ function init_all() {
         treatReferenceAsExtraPart: false,
         extraStructurePartsPlacement: 'last',
         disableStepWaters: true,
+        pathPrefix: WATNA_SRV_PATH,
       }
     );
     watna_init(
@@ -813,6 +820,7 @@ function init_all() {
         treatReferenceAsExtraPart: true,
         extraStructurePartsPlacement: 'first',
         disableStepWaters: true,
+        pathPrefix: WATNA_SRV_PATH,
       }
     );