diff --git a/src/app/components/task-list/task-list.component.html b/src/app/components/task-list/task-list.component.html index a0f19df9ccb1e372928cc6c89a5fb82688b22fc1..f69fef218f42aab9bab88e1a44f4fdf316fdfe2c 100644 --- a/src/app/components/task-list/task-list.component.html +++ b/src/app/components/task-list/task-list.component.html @@ -1,6 +1,6 @@ <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'" diff --git a/src/app/components/task-list/task-list.component.scss b/src/app/components/task-list/task-list.component.scss index 6b80230a57b1385d257478c991cb38c1429dc29f..24be08a34f655cb6eb6613b7110dc53d3f02f61d 100644 --- a/src/app/components/task-list/task-list.component.scss +++ b/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; +} diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html index b27a8d7633fbb8ef71308659d6f8f4b4cb03ed90..9cc38a205907ad93fa79fceeb019f7398b2efa86 100644 --- a/src/app/pages/explorer-page/explorer-page.component.html +++ b/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"> diff --git a/src/app/pages/explorer-page/explorer-page.component.scss b/src/app/pages/explorer-page/explorer-page.component.scss index 22f3b24b2cd37adb6084885733aec9cd54013d75..050dc200d05e0779665529b788a8ce237e02105d 100644 --- a/src/app/pages/explorer-page/explorer-page.component.scss +++ b/src/app/pages/explorer-page/explorer-page.component.scss @@ -70,3 +70,7 @@ width: 100%; } +.task-list-container { + padding: 0.5rem; +} + diff --git a/src/app/services/analysis/analysis.service.ts b/src/app/services/analysis/analysis.service.ts index 7bd72c48eb7c8081d316a049aa711eca454ef119..cc9738a8ab2d4313371811e19de7cf1144b4201d 100644 --- a/src/app/services/analysis/analysis.service.ts +++ b/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); }