small fixes with layouting

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

@@ -51,15 +51,11 @@
             <div class="column content">
               <h4
                 class="is-4 has-text-weight-bold"
-                *ngIf="
-                  task.info.algorithm !== 'quick' &&
-                  task.info.algorithm !== 'super'
-                "
               >
               <span class="icon">
                 <i class="fas fa-wrench" aria-hidden="true"></i>
               </span>
-                Algorithm:
+                {{(['quick', 'super', 'connect', 'connectSelected'].indexOf(task.info.algorithm) === -1) ? 'Algorithm:' : 'Method:' }}
                 {{ algorithmNames[task.info.algorithm] }}
               </h4>
             </div>
@@ -158,14 +154,17 @@
               </table>
             </div>
           </div>
-          <div
-            *ngIf="
-              task.info.algorithm === 'quick' || task.info.algorithm === 'super'
-            "
+          <div class="columns m-1"
+               *ngIf="['quick','super','connect','connectSelected'].indexOf(task.info.algorithm) > -1"
           >
-            <p>
-              Algorithm: <strong>{{ algorithmNames["multisteiner"] }}</strong>
-            </p>
+            <div class="column">
+              <h4 class="is-4 has-text-weight-bold">
+              <span class="icon">
+                <i class="fas fa-wrench" aria-hidden="true"></i>
+              </span>
+                Algorithm:
+                {{ algorithmNames["multisteiner"] }}
+              </h4>
               <table class="table is-narrow">
                 <tbody>
                 <tr>
@@ -182,9 +181,17 @@
                 </tr>
                 </tbody>
               </table>
-            <p>
-              Algorithm: <strong>{{ algorithmNames["closeness"] }}</strong>
-            </p>
+            </div>
+          </div>
+          <div class="columns m-1" *ngIf="['quick','super'].indexOf(task.info.algorithm) > -1">
+            <div class="column">
+              <h4 class="is-4 has-text-weight-bold">
+              <span class="icon">
+                <i class="fas fa-wrench" aria-hidden="true"></i>
+              </span>
+                Algorithm:
+                {{ algorithmNames["closeness"] }}
+              </h4>
               <table class="table is-narrow">
                 <tbody>
                 <tr>
@@ -212,6 +219,7 @@
             </div>
           </div>
         </div>
+      </div>
 
       <div class="tab-content" [class.is-visible]="tab === 'network'">
         <!-- network start -->