removed scrollbars; fixed checkboxes

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

@@ -124,7 +124,7 @@
           </div>
         </div>
       </div>
-      <div class="tab-content" *ngIf="task && task.info.done" [class.is-visible]="tab === 'network'" style="z-index: 0">
+      <div class="tab-content" *ngIf="task && task.info.done" [class.is-visible]="tab === 'network'">
         <div class="card-image canvas-content" #networkWithLegend>
           <div *ngIf="myConfig.showLegend">
             <app-network-legend [config]="myConfig" [analysis]="false"></app-network-legend>
@@ -133,7 +133,7 @@
             <button class="button is-loading center">Loading</button>
           </div>
         </div>
-        <footer class="card-footer toolbar scroll-y" *ngIf="myConfig.showFooter">
+        <footer class="card-footer toolbar" *ngIf="myConfig.showFooter">
           <div class="field">
             <p class="control footer-buttons">
               <button class="button is-primary is-rounded has-tooltip"

src/app/pages/explorer-page/explorer-page.component.html

@@ -130,7 +130,7 @@
             </div>
           </div>
 
-          <footer *ngIf="myConfig.showFooter" class="card-footer toolbar explorer-footer scroll-x">
+          <footer *ngIf="myConfig.showFooter" class="card-footer toolbar explorer-footer">
             <button (click)="toImage()" class="button is-primary is-rounded has-tooltip"
                     data-tooltip="Take a screenshot of the current network.">
             <span class="icon">

src/theme-styles.scss

@@ -205,7 +205,13 @@ a:hover {
 
 .p-checkbox .p-checkbox-box {
   border-color: var(--drgstn-text-primary) !important;
+  color: var(--drgstn-text-primary) !important;
   background-color: var(--drgstn-panel) !important;
+  border-radius: 1px !important;
+  border-style: solid !important;
+  width: 18px !important;
+  height: 18px !important;
+  position: relative !important;
 }
 
 .p-datatable .p-datatable-tbody > tr > td, .button.is-light {