diff --git a/scripts/FlashcardDirective.js b/scripts/FlashcardDirective.js
index 70afe08..cc91a80 100644
--- a/scripts/FlashcardDirective.js
+++ b/scripts/FlashcardDirective.js
@@ -24,35 +24,32 @@ angular.module('flashy.FlashcardDirective', []).
                     scope.textPieces.push({text: scope.flashcard.text.slice(i)});
                     /* Pulls card from feed into deck */
                     scope.pullCard = function(flashcard) {
-                        if ($state.current.name == 'feed') {
-                            $http.post('/api/flashcards/' + flashcard.id + '/pull/', flashcard).
-                                success(function(data) {
-                                    console.log('pulled flashcard #' + flashcard.id);
-                                    scope.startShrink = true;
-                                    scope.refresh(flashcard);
-                                }).
-                                error(function(data) {
-                                    console.log('failed to pull flashcard #' + flashcard.id);
-                                });
-                        }
+                        flashcard.is_in_deck = true;
+                        $http.post('/api/flashcards/' + flashcard.id + '/pull/', flashcard).
+                            success(function(data) {
+                                console.log('pulled flashcard #' + flashcard.id);
+                                //scope.startShrink = true;
+                                //scope.refresh(flashcard);
+                            }).
+                            error(function(data) {
+                                console.log('failed to pull flashcard #' + flashcard.id);
+                            });
                     };
 
                     /* Unpulls card from deck */
                     scope.unpullCard = function(flashcard) {
-                        if ($state.current.name == 'deck') {
-                            console.log('unpulling card...');
-
-                            $http.post('/api/flashcards/' + flashcard.id + '/unpull/',
-                                flashcard).
-                                success(function(data) {
-                                    console.log('card unpull success');
-                                    scope.startShrink = true;
-                                    scope.refresh(flashcard);
-                                }).
-                                error(function(data) {
-                                    console.log('card unpull FAILURE');
-                                });
-                        }
+                        console.log('unpulling card...');
+                        flashcard.is_in_deck = false;
+                        $http.post('/api/flashcards/' + flashcard.id + '/unpull/',
+                            flashcard).
+                            success(function(data) {
+                                console.log('card unpull success');
+                                //scope.startShrink = true;
+                                //scope.refresh(flashcard);
+                            }).
+                            error(function(data) {
+                                console.log('card unpull FAILURE');
+                            });
                     };
 
                     /* Hides card from feed */
diff --git a/templates/flashcard.html b/templates/flashcard.html
index a28b5f7..9e467d9 100644
--- a/templates/flashcard.html
+++ b/templates/flashcard.html
@@ -7,11 +7,14 @@
     </div>
   </div>
   <div class="card-overlay">
-    <div class="top-box no-user-select"
+    <div class="top-box no-user-select" ng-hide="flashcard.is_in_deck"
          ng-click="pullCard(flashcard)">
       <div class="center-me"><i class="mdi-content-add-circle-outline medium"></i></div>
     </div>
-
+    <div class="top-box no-user-select" ng-show="flashcard.is_in_deck"
+         ng-click="unpullCard(flashcard)">
+      <div class="center-me"><i class="mdi-content-remove-circle-outline medium"></i></div>
+    </div>
     <div class="bottom-box no-user-select">
       <div class="left-box">
         <div class="center-me"><i class="mdi-action-info-outline small"></i></div>
@@ -23,4 +26,7 @@
 
     </div>
   </div>
+  <div ng-show="flashcard.is_in_deck" class="green-text" style="position:absolute; top:0px;right:0px">
+    <div class="center-me"><i class="mdi-action-done small"></i></div>
+  </div>
 </div>