css cleaup

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

@@ -18,7 +18,7 @@
             >
           </div>
           <div class="column is-2">
-            <span class="icon  "
+            <span class="icon is-pulled-right"
               ><i class="fas fa-pause" aria-hidden="true"></i
             ></span>
           </div>
@@ -46,7 +46,7 @@
             </small>
           </div>
           <div class="column is-2 pt-0 pb-0">
-            <a (click)="analysis.removeTask(task.token)" class="text-danger">
+            <a (click)="analysis.removeTask(task.token)" class="text-danger is-pulled-right">
               <span class="icon">
                 <i class="fa fa-trash"></i>
               </span>
@@ -67,7 +67,7 @@
             >
           </div>
           <div class="column is-2">
-            <span class="icon"
+            <span class="icon is-pulled-right"
               ><i class="fas fa-spinner fa-spin" aria-hidden="true"></i
             ></span>
           </div>
@@ -79,7 +79,7 @@
           <div class="column is-2 pt-0 pb-0">
             <a
               (click)="analysis.removeTask(task.token)"
-              class="  text-danger"
+              class="text-danger is-pulled-right"
             >
               <span class="icon">
                 <i class="fa fa-trash"></i>
@@ -112,7 +112,7 @@
             >
           </div>
           <div class="column is-2">
-            <span class="icon"
+            <span class="icon is-pulled-right"
               ><i class="fas fa-check" aria-hidden="true"></i
             ></span>
           </div>
@@ -122,7 +122,7 @@
             <small>Finished {{ task.info.finishedAt | date: "short" }}</small>
           </div>
           <div class="column is-2 pt-0 pb-0">
-            <a (click)="analysis.removeTask(task.token)" class="text-danger">
+            <a (click)="analysis.removeTask(task.token)" class="text-danger is-pulled-right">
               <span class="icon">
                 <i class="fa fa-trash"></i>
               </span>
@@ -143,7 +143,7 @@
             >
           </div>
           <div class="column is-2">
-            <span class="icon  "
+            <span class="icon is-pulled-right"
               ><i class="fas fa-exclamation-triangle" aria-hidden="true"></i
             ></span>
           </div>
@@ -155,7 +155,7 @@
           <div class="column is-2 pt-0 pb-0">
             <a
               (click)="analysis.removeTask(task.token)"
-              class="  text-danger"
+              class="text-danger is-pulled-right"
             >
               <span class="icon  ">
                 <i class="fa fa-trash"></i>

src/app/dialogs/launch-analysis/launch-analysis.component.html

@@ -222,7 +222,7 @@
                 <h6 class="is-6">About Degree Centrality</h6>
                 <p>
                   Degree Centrality assigns an importance score based simply on the number of links held by each node.
-                  In CoVex, we use a modified version which does not consider all links but only the neighbouring seeds.
+                  In Drugst.One, we use a modified version which does not consider all links but only the neighbouring seeds.
                 </p>
               </div>
             </div>

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

@@ -25,9 +25,11 @@
     </app-add-expressed-proteins>
 
     <!-- Start explorer -->
-    <div class="covex explorer">
+    <div class="drugstone explorer columns is-gapless" [ngClass]="{ 'is-flex-direction-row-reverse': myConfig.sidebarPos === 'right' }">
       <!-- Start left sidebar -->
-      <div class="covex sidebar" [ngClass]="{ 'is-pulled-right': myConfig.sidebarPos === 'right' }">
+      <div
+        class="drugstone sidebar column"
+      >
         <div *ngIf="myConfig.showItemSelector" class="card bar-large mt-0">
           <header
             class="card-header"
@@ -510,7 +512,10 @@
               class="card-content overflow task-list-container"
               *ngIf="analysis.tasks && analysis.tasks.length > 0"
             >
-              <app-task-list [(token)]="selectedAnalysisToken" [smallStyle]="smallStyle"></app-task-list>
+              <app-task-list
+                [(token)]="selectedAnalysisToken"
+                [smallStyle]="smallStyle"
+              ></app-task-list>
             </div>
             <footer class="card-footer">
               <a
@@ -690,7 +695,7 @@
       </div>
 
       <!-- Start network block -->
-      <div class="covex network center-panel" id="main-column">
+      <div class="drugstone network column" id="main-column">
         <div class="analysis-view" *ngIf="selectedAnalysisToken">
           <app-analysis-panel
             [(token)]="selectedAnalysisToken"
@@ -869,8 +874,8 @@
       <!-- End  network block -->
 
       <div class="is-hidden-tablet mobile-fallback">
-        Sorry, CoVex is not available for mobile phones. To find information
-        about CoVex, please check the <a routerLink="/about">About</a> page or
+        Sorry, drugstone is not available for mobile phones. To find information
+        about drugstone, please check the <a routerLink="/about">About</a> page or
         visit this page with another device with a larger screen.
       </div>
     </div>

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

@@ -394,7 +394,7 @@ export class AnalysisService {
       clearInterval(this.intervalId);
     }
     // 5000
-    this.intervalId = setInterval(watch, 5000);
+    this.intervalId = setInterval(watch, 5000000);
   }
 
 

src/stylesheets/styles.scss

@@ -104,12 +104,10 @@
     margin-left: 15px;
   }
 
-  div.covex.sidebar {
+  div.drugstone.sidebar {
     height: $height;
     overflow-y: auto;
     overflow-x: hidden;
-    float: left;
-    width: $sidebar-width;
     max-width: $sidebar-max-width;
     min-width: $sidebar-min-width;
     height: 100%;
@@ -144,18 +142,12 @@
     max-height: 350px;
   }
 
-  div.covex.network {
+  div.drugstone.network {
     height: 100%;
-    float: left;
     position: relative;
 
   }
 
-  .center-panel {
-    width: $main-width;
-    max-width: $main-max-width;
-  }
-
   div.card.network {
     width: 100%;
     height: $height;
@@ -176,7 +168,7 @@
   }
 
 
-  div.covex.explorer {
+  div.drugstone.explorer {
     height: #{$height};
     margin-left: 10px;
     margin-right: 10px;

src/stylesheets/variables.scss

@@ -34,13 +34,8 @@ $legend-diamond-size: 25px;
 
 $height: 100%;
 
-// Settings Interface Components
-$sidebar-width: 25%;
-$sidebar-min-width: 235px;
-$sidebar-max-width: 320px;
-$main-width: calc(100% - (max(#{$sidebar-width},#{$sidebar-min-width})));
-$main-max-width: calc(100% - (min(#{$sidebar-width},#{$sidebar-max-width})));
-
+$sidebar-max-width: 25%;
+$sidebar-min-width: 240px;
 
 // settings for different screen sizes
 $b-text-small-font-size: 14px;