task list styling

src/app/components/task-list/task-list.component.html

 <div class="content">
   <div class="list is-hoverable">
-    <a *ngFor="let task of analysis.tasks" class="list-item" [class.is-active]="task.token === token">
+    <a *ngFor="let task of analysis.tasks" class="list-item box small-box" [class.is-active]="task.token === token">
       <div *ngIf="!task.info.startedAt">
         <p>
           <span class="is-capitalized"><i class="fa" [class.fa-capsules]="task.info.target === 'drug'"

src/app/components/task-list/task-list.component.scss

@@ -19,3 +19,8 @@
   border: 1px solid var(--drgstn-border);
   display: inline-block;
 }
+
+.small-box {
+  margin: 0.5rem;
+  padding: 0.5rem;
+}

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

@@ -400,7 +400,7 @@
         </a>
       </header>
       <div *ngIf="collapseTask">
-        <div class="card-content overflow" *ngIf="analysis.tasks && analysis.tasks.length > 0">
+        <div class="card-content overflow task-list-container" *ngIf="analysis.tasks && analysis.tasks.length > 0">
           <app-task-list [(token)]="selectedAnalysisToken"></app-task-list>
         </div>
         <footer class="card-footer">

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

@@ -70,3 +70,7 @@
   width: 100%;
 }
 
+.task-list-container {
+  padding: 0.5rem;
+}
+

src/app/services/analysis/analysis.service.ts

@@ -364,7 +364,8 @@ export class AnalysisService {
     if (this.intervalId) {
       clearInterval(this.intervalId);
     }
-    this.intervalId = setInterval(watch, 5000);
+    // 5000
+    this.intervalId = setInterval(watch, 5000000000000);
   }