minor

src/app/file/file.component.html

 <div id="tray">
-    <button>Upload A File</button>
+    <button style="margin-right: 10px;" routerLink="/arena" routerLinkActive="active">Create A File</button>
+    <button style="margin-left: 10px;">Upload A File</button>
 </div>
 
 <div>
@@ -11,8 +12,9 @@
   <div class="lang">{{file.language}}</div>
   <div class="details">{{file.text}}</div>
 
-  <button style="margin-right: 20px;">Run File</button>
-  <button style="margin-left: 20px;">Remove from Database</button>
+  <button style="margin-right: 15px;">Run File</button>
+  <button style="margin-left: 15px; margin-right: 15px;">Edit File</button>
+  <button style="margin-left: 15px;">Remove From Database</button>
 
   <!-- <button [routerLink]="['/arena', problem.id]" class="attempt">Attempt</button> -->
 </div>

src/app/ide/ide.component.html

@@ -3,6 +3,7 @@
   <div id="attempt">
     <button id="input">Input</button>
     <button id="run">Run Code</button>
+    <button id="save">Save File</button>
   </div>
   <label for="editor"></label>
   <textarea name="editor" id="editor"></textarea>

src/app/ide/ide.component.scss

@@ -24,7 +24,8 @@
     z-index: 100;
 
     #run,
-    #input {
+    #input,
+    #save {
       display: inline-block;
       background: transparent;
       color: #ddf;