analysis parameter scrollable

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>
@@ -53,20 +56,47 @@
             </button>
           </p>
           <div class="control dropdown" ngbDropdown>
-                  <button ngbDropdownToggle
+            <button
+              ngbDropdownToggle
               class="button is-rounded is-small is-outlined highlight-primary"
-                          type="button" (click)="showMenu = !showMenu"
-                          [class]="{'dropdown-toggle-enabled': showMenu}" (focusout)="hideMenu()">
-                            <app-fa-solid-icon icon="bars" classString="only-item-in-button"></app-fa-solid-icon>
+              type="button"
+              (click)="showMenu = !showMenu"
+              [class]="{ 'dropdown-toggle-enabled': showMenu }"
+              (focusout)="hideMenu()"
+            >
+              <app-fa-solid-icon
+                icon="bars"
+                classString="only-item-in-button"
+              ></app-fa-solid-icon>
             </button>
-              <ul ngbDropdownMenu class="dropdown-content dropdown-list"
-                  [style]="{'display':showMenu ? 'inline-block':'none'}">
-                  <li ngbDropdownItem pTooltip="Display end-user license agreement (EULA)." tooltipPosition="left"
-                      [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"
-                      (click)="showEULA()"><a>Show EULA</a></li>
-                  <li ngbDropdownItem pTooltip="Opens Drugst.One website" tooltipPosition="left"
-                      [tooltipStyleClass]="'drgstn drgstn-tooltip drgstn-tooltip-left'"><a target="_blank"
-                                                                                           href="https://drugst.one/home">About Drugst.One</a></li>
+            <ul
+              ngbDropdownMenu
+              class="dropdown-content dropdown-list"
+              [style]="{ display: showMenu ? 'inline-block' : 'none' }"
+            >
+              <li
+                ngbDropdownItem
+                pTooltip="Display end-user license agreement (EULA)."
+                tooltipPosition="left"
+                [tooltipStyleClass]="
+                  'drgstn drgstn-tooltip drgstn-tooltip-left'
+                "
+                (click)="showEULA()"
+              >
+                <a>Show EULA</a>
+              </li>
+              <li
+                ngbDropdownItem
+                pTooltip="Opens Drugst.One website"
+                tooltipPosition="left"
+                [tooltipStyleClass]="
+                  'drgstn drgstn-tooltip drgstn-tooltip-left'
+                "
+              >
+                <a target="_blank" href="https://drugst.one/home"
+                  >About Drugst.One</a
+                >
+              </li>
             </ul>
           </div>
           <p class="control">
@@ -110,7 +140,6 @@
         *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">
@@ -134,9 +163,7 @@
             <table class="table parameter-table">
               <tbody>
                 <tr
-                  *ngIf="
-                      result && result.geneInteractionDataset !== undefined
-                    "
+                  *ngIf="result && result.geneInteractionDataset !== undefined"
                 >
                   <td>Protein-Protein Interaction Dataset</td>
                   <td>
@@ -145,9 +172,7 @@
                   </td>
                 </tr>
                 <tr
-                  *ngIf="
-                      result && result.drugInteractionDataset !== undefined
-                    "
+                  *ngIf="result && result.drugInteractionDataset !== undefined"
                 >
                   <td>Protein-Drug Interaction Dataset</td>
                   <td>
@@ -331,7 +356,6 @@
           </div>
         </div>
       </div>
-      </div>
 
       <div class="tab-content" [class.is-visible]="tab === 'network'">
         <!-- network start -->

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 {