Moved action buttons to right

Author: ryanslatten

web-app/admin/src/app/admin/admin-event/event-details/event-details.component.html

@@ -60,8 +60,7 @@ <h3 class="action-card-title">Complete Event</h3>
                                 event. The event is not destroyed and can be changed back to an active state at any
                                 time.</p>
                             <button class="action-button btn-primary" (click)="completeEvent(event)">
-                                <i class="fa fa-check-circle"></i>
-                                Complete
+                                <i class="fa fa-check-circle"></i> Complete
                             </button>
                         </div>
 
@@ -72,8 +71,7 @@ <h3 class="action-card-title">Activate Event</h3>
                                 event on
                                 clients. At that point users can contribute observations and locations to the event.</p>
                             <button class="action-button btn-primary" (click)="activateEvent(event)">
-                                <i class="fa fa-play-circle"></i>
-                                Activate
+                                <i class="fa fa-play-circle"></i> Activate
                             </button>
                         </div>
 
@@ -85,8 +83,7 @@ <h3 class="danger-zone-title">Delete Event</h3>
                                 observation and location data. This cannot be undone, and all event data will be
                                 unrecoverable.</p>
                             <button class="action-button btn-danger" (click)="deleteEvent()">
-                                <i class="fa fa-trash-o"></i>
-                                Delete
+                                <i class="fa fa-trash-o"></i> Delete
                             </button>
                         </div>
                     </div>

web-app/admin/src/app/admin/admin-event/event-details/event-details.component.scss

@@ -147,7 +147,7 @@
     }
 
     .action-button {
-        align-self: flex-start;
+        align-self: flex-end;
         margin-top: auto;
     }
 }
@@ -177,7 +177,7 @@
     }
 
     .action-button.btn-danger {
-        align-self: flex-start;
+        align-self: flex-end;
         margin-top: auto;
     }
 }