UX improvements in table editor

resources/views/table/propose/layout.blade.php

@@ -20,36 +20,45 @@ if (!isset($tab) || $tab == '') $tab = 'edit-rows';
     <h1 class="mx-3">
       <a href="{{ $table->viewRoute }}" class="link-no-color">{{ $table->title }}</a>
     </h1>
-    <a href="{{$table->draftDiscardRoute}}" class="btn btn-outline-danger mr-2" @tooltip(Discard changes)>
-      @icon(fa-trash-o, sr:Discard)
+    <a href="{{$table->draftDiscardRoute}}" class="btn btn-outline-danger mr-2 py-1 btn-sm">
+      @icon(fa-trash-o fa-pr, sr:Discard){{--
+      --}}Discard
+    </a>
+    <a href="{{ $table->viewRoute }}" class="btn btn-outline-primary py-1 btn-sm" @tooltip(Back to Table)>
+      @icon(fa-reply, sr:Back to Table)
     </a>
-    @if(user()->ownsTable($table))
-      <a href="" class="btn btn-outline-success" @tooltip(Save the changes and apply them as a new table revision)>
-        @icon(fa-save fa-pr)Commit
-      </a>
-    @else
-      <a href="" class="btn btn-outline-success" @tooltip(Submit your changes for review by the table owner)>
-        @icon(fa-save fa-pr)Submit
-      </a>
-    @endif
   </div>
 </div>
 
 <ul class="nav nav-tabs">
   <li class="nav-item">
-    <a class="nav-link{{ $tab=='edit-rows'?' active':'' }}" href="{{ $table->getDraftRoute('edit-rows') }}">Edit Rows</a>
+    <a class="nav-link {{ $tab=='edit-rows' ? 'active' : '' }}" href="{{ $table->getDraftRoute('edit-rows') }}">
+      Edit Rows
+    </a>
   </li>
   <li class="nav-item">
-    <a class="nav-link{{ $tab=='add-rows'?' active':'' }}" href="{{ $table->getDraftRoute('add-rows') }}">Add Rows</a>
+    <a class="nav-link {{ $tab=='add-rows' ? 'active' : '' }}" href="{{ $table->getDraftRoute('add-rows') }}">
+      Add Rows
+    </a>
   </li>
   <li class="nav-item">
-    <a class="nav-link{{ $tab=='manage-columns'?' active':'' }}" href="{{ $table->getDraftRoute('manage-columns') }}">Columns</a>
+    <a class="nav-link {{ $tab=='manage-columns' ? 'active' : '' }}" href="{{ $table->getDraftRoute('manage-columns') }}">
+      Change Columns
+    </a>
   </li>
   <li class="nav-item">
-    <a class="nav-link{{ $tab=='review'?' active':'' }}" href="{{ $table->getDraftRoute('review') }}">Note & Review</a>
+    <a class="text-success nav-link {{ $tab=='review' ? 'active' : '' }}" href="{{ $table->getDraftRoute('review') }}">
+      @if(user()->ownsTable($table))
+        @icon(fa-save fa-pr){{--
+        --}}Review & Apply
+      @else
+        @icon(fa-paper-plane-o fa-pr){{--
+        --}}Review & Submit
+      @endif
+    </a>
   </li>
-  <li class="nav-item ml-auto pt-2 pr-2 opacity-fade" style="opacity:0" id="draft-busy">
-    @icon(fa-hourglass, Working...)
+  <li class="nav-item pt-2 pr-2 opacity-fade ml-auto" style="opacity:0" id="draft-busy">
+    @icon(fa-spinner fa-spin, Working...)
   </li>
 </ul>