couple style changes

src/app/workflow-spec-list/workflow-spec-list.component.html

@@ -1,6 +1,8 @@
 <div class="workflow-specs" fxLayout="column" fxLayoutGap="10px">
   <div class="buttons" fxLayout="row" fxLayoutGap="20px">
-    <h1>Workflow Specifications</h1>
+    <div>
+      <h1 style="margin-top: 16px">Workflow Specifications</h1>
+    </div>
       <mat-form-field class="search-field">
         <label><input matInput type="search" placeholder="Search Workflows" fxLayoutAlign="start" class="form-control" [formControl]="searchField"></label>
       </mat-form-field>
@@ -23,7 +25,7 @@
       <ng-container>
         <div class="category" fxLayout="row">
           <h4 style="margin-top: 5px">Library Specs</h4>
-          <button id="add_spec" title="Add new Library" mat-flat-button color="primary" (click)="editWorkflowSpec('library')" fxLayoutAlign="start">
+          <button id="add_spec" title="Add new Library" mat-flat-button color="primary" (click)="editWorkflowSpec('library')" fxLayoutAlign="auto">
             <mat-icon>library_add</mat-icon>
 
           </button>

src/app/workflow-spec-list/workflow-spec-list.component.scss

@@ -101,12 +101,6 @@
   }
 }
 
-.search-field  {
-  ::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
-    padding: .5em;
-  }
-}
-
 .library-selected {
   font-weight: bold;
 }