merged with scrollable parameter tab

src/app/components/analysis-panel/analysis-panel.component.html

 <div *ngIf="token">
-  <div class="card analysis analysis-view" [ngClass]="{ fullscreen: fullscreen }">
+  <div
+    class="card analysis analysis-view"
+    [ngClass]="{ fullscreen: fullscreen }"
+  >
     <header class="card-header">
       <p class="card-header-title">
         <app-fa-solid-icon icon="flask"></app-fa-solid-icon>
@@ -116,33 +119,30 @@
         *ngIf="task && task.info.done"
         [class.is-visible]="tab === 'meta'"
       >
-        <div *ngIf="task">
-          <div class="columns m-1">
-            <div class="column content">
-              <h4 class="is-4 has-text-weight-bold">
-                <app-fa-solid-icon
-                  icon="wrench"
-                  title="Algorithm"
-                ></app-fa-solid-icon>
-                {{
+        <div class="columns m-1">
+          <div class="column content">
+            <h4 class="is-4 has-text-weight-bold">
+              <app-fa-solid-icon
+                icon="wrench"
+                title="Algorithm"
+              ></app-fa-solid-icon>
+              {{
                 ["quick", "super", "connect", "connectSelected"].indexOf(
                   task.info.algorithm
                 ) === -1
                   ? "Algorithm:"
                   : "Method:"
-                }}
-                {{ algorithmNames[task.info.algorithm] }}
-              </h4>
-            </div>
+              }}
+              {{ algorithmNames[task.info.algorithm] }}
+            </h4>
           </div>
-          <div class="columns m-1">
-            <div class="column">
-              <table class="table parameter-table">
-                <tbody>
+        </div>
+        <div class="columns m-1">
+          <div class="column">
+            <table class="table parameter-table">
+              <tbody>
                 <tr
-                  *ngIf="
-                      result && result.geneInteractionDataset !== undefined
-                    "
+                  *ngIf="result && result.geneInteractionDataset !== undefined"
                 >
                   <td>Protein-Protein Interaction Dataset</td>
                   <td>
@@ -151,9 +151,7 @@
                   </td>
                 </tr>
                 <tr
-                  *ngIf="
-                      result && result.drugInteractionDataset !== undefined
-                    "
+                  *ngIf="result && result.drugInteractionDataset !== undefined"
                 >
                   <td>Protein-Drug Interaction Dataset</td>
                   <td>
@@ -191,9 +189,9 @@
                 </tr>
                 <tr
                   *ngIf="
-                      task.info.parameters.includeIndirectDrugs !== undefined &&
-                      task.info.target === 'drug'
-                    "
+                    task.info.parameters.includeIndirectDrugs !== undefined &&
+                    task.info.target === 'drug'
+                  "
                 >
                   <td>Include indirect drugs</td>
                   <td>
@@ -213,9 +211,9 @@
                 </tr>
                 <tr
                   *ngIf="
-                      task.info.parameters.includeNonApprovedDrugs !==
-                        undefined && task.info.target === 'drug'
-                    "
+                    task.info.parameters.includeNonApprovedDrugs !==
+                      undefined && task.info.target === 'drug'
+                  "
                 >
                   <td>Include non-approved drugs</td>
                   <td>
@@ -250,29 +248,29 @@
                     ></app-fa-solid-icon>
                   </td>
                 </tr>
-                </tbody>
-              </table>
-            </div>
+              </tbody>
+            </table>
           </div>
-          <div
-            class="columns m-1"
-            *ngIf="
-              ['quick', 'super', 'connect', 'connectSelected'].indexOf(
-                task.info.algorithm
-              ) > -1
-            "
-          >
-            <div class="column">
-              <h4 class="is-4 has-text-weight-bold">
-                <app-fa-solid-icon
-                  icon="wrench"
-                  title="algorithm"
-                ></app-fa-solid-icon>
-                Algorithm:
-                {{ algorithmNames["multisteiner"] }}
-              </h4>
-              <table class="table parameter-table">
-                <tbody>
+        </div>
+        <div
+          class="columns m-1"
+          *ngIf="
+            ['quick', 'super', 'connect', 'connectSelected'].indexOf(
+              task.info.algorithm
+            ) > -1
+          "
+        >
+          <div class="column">
+            <h4 class="is-4 has-text-weight-bold">
+              <app-fa-solid-icon
+                icon="wrench"
+                title="algorithm"
+              ></app-fa-solid-icon>
+              Algorithm:
+              {{ algorithmNames["multisteiner"] }}
+            </h4>
+            <table class="table parameter-table">
+              <tbody>
                 <tr>
                   <td>Number of Trees</td>
                   <td>1</td>
@@ -285,25 +283,25 @@
                   <td>Hub Penality</td>
                   <td>1</td>
                 </tr>
-                </tbody>
-              </table>
-            </div>
+              </tbody>
+            </table>
           </div>
-          <div
-            class="columns m-1"
-            *ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1"
-          >
-            <div class="column">
-              <h4 class="is-4 has-text-weight-bold">
-                <app-fa-solid-icon
-                  icon="wrench"
-                  title="algorithm"
-                ></app-fa-solid-icon>
-                Algorithm:
-                {{ algorithmNames["closeness"] }}
-              </h4>
-              <table class="table parameter-table">
-                <tbody>
+        </div>
+        <div
+          class="columns m-1"
+          *ngIf="['quick', 'super'].indexOf(task.info.algorithm) > -1"
+        >
+          <div class="column">
+            <h4 class="is-4 has-text-weight-bold">
+              <app-fa-solid-icon
+                icon="wrench"
+                title="algorithm"
+              ></app-fa-solid-icon>
+              Algorithm:
+              {{ algorithmNames["closeness"] }}
+            </h4>
+            <table class="table parameter-table">
+              <tbody>
                 <tr>
                   <td>Include indirect drugs</td>
                   <td>
@@ -332,9 +330,8 @@
                   <td>Result Size</td>
                   <td>10</td>
                 </tr>
-                </tbody>
-              </table>
-            </div>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>

src/app/components/analysis-panel/analysis-panel.component.scss

@@ -30,6 +30,8 @@
 
 .parameter-table, .parameter-tab {
   width: 100% !important;
+  overflow-y: scroll;
+  height: 100%;
 }
 
 .tab-content {