padding fix for hosted workflows and tools (#614)

dockstore · Apr 2, 2019 · cccd0b2 · cccd0b2
1 parent 1cf9523
commit cccd0b2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/app/container/container.component.html b/src/app/container/container.component.html
@@ -152,9 +152,11 @@ <h3>
           <app-launch *ngIf="tool?.tags.length > 0; else noTags" [basePath]="tool?.path" [selectedVersion]="selectedVersion"
             [path]="tool?.tool_path" [toolname]="tool?.toolname" [mode]="tool?.mode"></app-launch>
           <ng-template #noTags>
-            <mat-card class="alert alert-warning" role="alert">
-              <mat-icon>warning</mat-icon> No tags exist for this
-            </mat-card>
+            <div class="p-3">
+              <mat-card class="alert alert-warning" role="alert">
+                <mat-icon>warning</mat-icon> No tags exist for this
+              </mat-card>
+            </div>
           </ng-template>
         </mat-tab>
         <mat-tab id="versionTab" label="Versions">

diff --git a/src/app/container/tool-file-editor/tool-file-editor.component.html b/src/app/container/tool-file-editor/tool-file-editor.component.html
@@ -39,7 +39,7 @@
     <app-code-editor-list [sourcefiles]="testParameterFiles" [editing]="editing" [fileType]="'testParam'" [descriptorType]="selectedDescriptorType" [selectedVersion]="currentVersion" [entryType]="'tool'" [entrypath]="entrypath"></app-code-editor-list>
   </tab>
 </tabset>
-<div class="editor-button-container" *ngIf="!publicPage && isNewestVersion">
+<div class="editor-button-container p-2" *ngIf="!publicPage && isNewestVersion">
   <span *ngIf="!editing">
     <button id="editFilesButton" mat-raised-button color="primary" (click)="toggleEdit()">
       Edit Files

diff --git a/src/app/workflow/workflow-file-editor/workflow-file-editor.component.html b/src/app/workflow/workflow-file-editor/workflow-file-editor.component.html
@@ -27,7 +27,7 @@
     </mat-card>
   </tab>
 </tabset>
-<div class="editor-button-container" *ngIf="!publicPage && canWrite && isNewestVersion">
+<div class="editor-button-container p-2" *ngIf="!publicPage && canWrite && isNewestVersion">
   <span *ngIf="!editing">
     <button id="editFilesButton" mat-raised-button color="primary" (click)="toggleEdit()">
       Edit Files