diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html
index 2be3294..de5e9e3 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.html
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.html
@@ -1,11 +1,17 @@
 <div class="workflow-specs" fxLayout="column" fxLayoutGap="10px">
-  <div class="buttons" fxLayout="row" fxLayoutGap="20px">
-    <div>
-      <h1 style="margin-top: 16px">Workflow Specifications</h1>
+  <div class="buttons" fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="space-between center">
+    <div fxLayout="row" fxLayoutGap="20px">
+      <div>
+        <h1 style="margin-top: 16px">Workflow Specifications</h1>
+      </div>
+        <mat-form-field appearance="outline" style="padding:0">
+          <label><input matInput type="search" placeholder="Search Workflows" fxLayoutAlign="start" style="margin-top: 0;" class="form-control" [formControl]="searchField"></label>
+        </mat-form-field>
+    </div>
+    <div fxLayoutAlign="end center" fxLayoutGap="5px">
+      <button mat-raised-button color="accent" (click)="gitPush()" >Push</button>
+      <button mat-raised-button color="accent" (click)="gitPull()"> Pull</button>
     </div>
-      <mat-form-field appearance="outline" style="padding:0">
-        <label><input matInput type="search" placeholder="Search Workflows" fxLayoutAlign="start" style="margin-top: 0;" class="form-control" [formControl]="searchField"></label>
-      </mat-form-field>
   </div>
   <mat-drawer-container class="example-container" autosize>
     <mat-drawer #drawer class="example-sidenav" mode="side" opened="true">
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.ts b/src/app/workflow-spec-list/workflow-spec-list.component.ts
index d718c9d..8a0c3dc 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.ts
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.ts
@@ -29,6 +29,7 @@ import { Location } from '@angular/common';
 import { environment } from '../../environments/environment.runtime';
 import { FormControl } from '@angular/forms';
 import { SettingsService } from '../settings.service';
+ import { MatButtonModule } from '@angular/material/button';
 
 
 export interface WorkflowSpecCategoryGroup {
@@ -370,6 +371,24 @@ export class WorkflowSpecListComponent implements OnInit {
     }
   }
 
+  gitPush() {
+    // get the state of the repo
+    this.api.gitRepo().subscribe(data =>{
+
+    });
+    // display to user the changed files
+
+    // if they accept, call gitPush and gitMerge (i think)
+  }
+
+  gitPull() {
+    // this won't have a popup or nothing i don't think
+    this.api.gitRepoPull().subscribe(data => {
+
+    });
+
+  }
+
   private _updateWorkflowSpec(specId: string, newSpec: WorkflowSpec) {
     this.api.updateWorkflowSpecification(specId, newSpec).subscribe(_ => {
       this._loadWorkflowLibraries();