diff --git a/src/App.js b/src/App.js
index 485edec..b3e26f3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,6 @@
 import {useState, useEffect, useRef} from 'react';
 import { addTask, addAll, completeBenchmarkTask, benchmarkItem, 
-  emptyList, isActionableList, cancelItem, cloneItem } from './core/tasksManager';
+  emptyList, isActionableList, cancelItem, cloneItem, deleteItem, redoItem} from './core/tasksManager';
 import { startReview, handleReviewDecision, isPrioritizableList, 
   genCurrentQuestion, getInitialCursor } from './core/reviewManager';
 import { getFromLocalStorage, saveToLocalStorage } from './core/localStorageAdapter';
@@ -354,7 +354,7 @@ function App() {
   // lists in localStorage and query params.
   // Note: the lists rendered in the conflict modal are not interactive
   const renderList = (inputList, idOffset, interactive) => <div className="ph3">
-    <ul className="ph0 todo-list list ma0 tl measure-narrow ml-auto mr-auto">
+    <ul className="ph0 todo-list list ma0 tl measure ml-auto mr-auto">
     {interactive ?
       <> {inputList.map(task => (
         <TodoItem 
@@ -362,31 +362,33 @@ function App() {
           task={task}  
           cancelFunc={() => handleListChange(cancelItem(inputList, task.id))}
           cloneFunc={() => handleListChange(cloneItem(inputList, task.id))}
+          redoFunc={() => handleListChange(redoItem(inputList, task.id))}
           isBenchmark={benchmarkItem(inputList) !== null && benchmarkItem(inputList).id === task.id}
           theme={theme}
-        />))} </> :
-      <> {inputList.map(task => (
-        <TodoItem 
-          key={task.id + idOffset} 
-          task={task}
-          isBenchmark={benchmarkItem(inputList) !== null && benchmarkItem(inputList).id === task.id}
-          theme={theme}
-        />
-      ))}</>}
-    </ul>
-  </div>;
-  
-  return (
-    <main className={`app h-100 flex flex-column f5 montserrat ${theme === 'light' ? 'black' : 'white'}`}>
-      <header className="app-header pa3 flex justify-center items-center">
-        <h1 className="ma0 f2 fw8 tracked-custom dib">{appName}</h1>
-        
-        <div className="pl3 inline-flex items-center">
-          <button 
-            type="button" 
-            /* TODO: set tab-index of menu items to be after other elements when modals are being shown */
-            disabled={isPrioritizing || showingDeleteModal || showingConflictModal }
-            className={`button-reset pa1 w2 h2 pointer f5 fw6 grow bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}
+          deleteFunc={() => handleListChange(deleteItem(inputList, task.id))}
+          />))} </> :
+          <> {inputList.map(task => (
+          <TodoItem 
+            key={task.id + idOffset} 
+            task={task}
+            isBenchmark={benchmarkItem(inputList) !== null && benchmarkItem(inputList).id === task.id}
+            theme={theme}
+          />
+          ))}</>}
+          </ul>
+          </div>;
+
+          return (
+          <main className={`app h-100 flex flex-column f5 montserrat ${theme === 'light' ? 'black' : 'white'}`}>
+          <header className="app-header pa3 flex justify-center items-center">
+            <h1 className="ma0 f2 fw8 tracked-custom dib">{appName}</h1>
+
+            <div className="pl3 inline-flex items-center">
+              <button 
+                type="button" 
+                /* TODO: set tab-index of menu items to be after other elements when modals are being shown */
+                disabled={isPrioritizing || showingDeleteModal || showingConflictModal }
+                className={`button-reset pa1 w2 h2 pointer f5 fw6 grow bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}
             onClick={handleToggleSaveModal}>
               {saveDisk}</button>
         </div>
diff --git a/src/TodoItem.js b/src/TodoItem.js
index 44744c8..b781d40 100644
--- a/src/TodoItem.js
+++ b/src/TodoItem.js
@@ -1,6 +1,6 @@
 import React from 'react';
-import {dotCircle, emptyCircle, filledCircle, 
-  cancelX, repeatArrow} from './core/icons'
+import {dotCircle, emptyCircle, filledCircle, checkmark, duplicateCube,
+  deleteX, repeatArrow} from './core/icons'
 
 // converts the all possible statuses *except* for 
 // 'cancelled' to a renderable symbol
@@ -11,31 +11,45 @@ const statusToSymbol = status => {
   return null;
 }
 
-function TodoItem({ task, isBenchmark, cancelFunc, cloneFunc, theme }) {
+function TodoItem({ task, isBenchmark, cancelFunc, cloneFunc, deleteFunc, redoFunc, theme }) {
   return (
-    <li className={`flex lh-135 align-start mb1 ${
+    <li className={`flex justify-center lh-135 align-start mb1 ${
       (task.status === "done" || task.status === "cancelled") && "o-50"} ${
         isBenchmark ? "fw6" : "fw4"}`}>
       <span title={task.status} className="mr1 dib h-15">
         {(statusToSymbol(task.status) !== null) ?
           statusToSymbol(task.status) :
           statusToSymbol(task.was)}</span>
-      <span className={`${task.status === "cancelled" && "strike"}`}>{task.text}</span>
-      <div className="relative ml1 h-15 w3">
+      <span className={`measure-narrow ${task.status === "cancelled" && "strike"}`} style={{width: '20em'}}>{task.text}</span>
+      <div className="relative h-15 w3 flex">
         {cancelFunc && cloneFunc &&
         <>
-      {task.status === "new" || task.status === "ready" ?
+          {task.status === "new" || task.status === "ready" ?
+            <button 
+              title="Complete Task" 
+              onClick={cancelFunc} 
+              className={`button-reset pa1 hover-button w2 h-15 pointer bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}>
+                {checkmark}</button> : 
+            <>
+            <button 
+            title="Redo Task" 
+            onClick={redoFunc} 
+            className={`button-reset pa1 hover-button w2 h-15 pointer bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}>
+              {repeatArrow}</button>
+            </>}
+          
+            <button 
+            title="Clone Task" 
+            onClick={cloneFunc} 
+            className={`button-reset pa1 hover-button w2 h-15 pointer bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}>
+              {duplicateCube}</button>
+        </>}
         <button 
-          title="Cancel Task" 
-          onClick={cancelFunc} 
+          title="Delete Task" 
+          onClick={deleteFunc} 
           className={`button-reset pa1 hover-button w2 h-15 pointer bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}>
-            {cancelX}</button> : 
-        <button 
-          title="Clone Task" 
-          onClick={cloneFunc} 
-          className={`button-reset pa1 hover-button w2 h-15 pointer bg-transparent bn ${theme === 'light' ? 'moon-gray' : 'mid-gray'}`}>
-            {repeatArrow}</button>}</>}
-        </div>
+            {deleteX}</button>
+      </div>
     </li>
   );
 }
diff --git a/src/core/icons.js b/src/core/icons.js
index 2b7f4fe..982e92b 100644
--- a/src/core/icons.js
+++ b/src/core/icons.js
@@ -27,11 +27,23 @@ export const lightbulbRegular = <svg fill="currentColor" viewBox="0 0 352 512"
 </svg>;
 
 // aliases in font awesome: fa-remove, fa-times, fa-close
-export const cancelX = <svg fill="currentColor" viewBox="0 0 352 512" height="1rem" xmlns="http://www.w3.org/2000/svg">
+export const deleteX = <svg fill="currentColor" viewBox="0 0 352 512" height="1rem" xmlns="http://www.w3.org/2000/svg">
 <path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path>
 </svg>;
 
+// Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools 
+export const duplicateCube = <svg height="1rem" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 15.9615C3.92665 15.7245 3 14.3107 3 9.5C3 4.14725 4.14725 3 9.5 3C14.3107 3 15.7245 3.92665 15.9615 8" stroke="currentColor" strokeWidth="3" strokeLinecap="round"/>
+<path d="M8 14.5C8 9.14725 9.14725 8 14.5 8C19.8527 8 21 9.14725 21 14.5C21 19.8527 19.8527 21 14.5 21C9.14725 21 8 19.8527 8 14.5Z" stroke="currentColor" strokeWidth="3"/>
+</svg>
+
+// path made with https://yqnn.github.io/svg-path-editor/
+export const checkmark = <svg fill="currentColor" viewBox="0 0 512 512" height="1rem" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 464 128 L 192 400 l -97 -97 L 184 351" stroke="currentColor" strokeWidth="48" strokeLinecap="round" strokeLinejoin="round" />
+</svg>;
+
 // aliases: fa-rotate-right, redo-alt
 export const repeatArrow = <svg fill="currentColor" viewBox="0 0 512 512" height="1rem" xmlns="http://www.w3.org/2000/svg">
 <path d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"></path>
-</svg>;
\ No newline at end of file
+</svg>;
+
diff --git a/src/core/tasksManager.js b/src/core/tasksManager.js
index d196fda..cd7080c 100644
--- a/src/core/tasksManager.js
+++ b/src/core/tasksManager.js
@@ -82,4 +82,18 @@ export const cloneItem = (tasks, id) => {
   const itemText = tasks.filter(x => x.id === id).at(0).text;
   const updatedTasks = addTask(tasks, itemText);
   return updatedTasks;
+}
+
+// takes item of a given id and removes it from the list
+export const deleteItem = (tasks, id) => {
+  const updatedTasks = tasks.filter(task => task.id !== id);
+  return updatedTasks;
+}
+
+// takes item of a given id and marks it as ready
+export const redoItem = (tasks, id) => {
+  const updatedTasks = tasks.map(task => 
+    task.id === id ? { ...task, status: "ready" } : task
+  );
+  return updatedTasks;
 }
\ No newline at end of file