Adding a play / pause button

1 files changed, 10 insertions, 3 deletions

diff --git a/src/View/Timer.elm b/src/View/Timer.elm
index 5d34c7e..e38b6cb 100644
--- a/src/View/Timer.elm
+++ b/src/View/Timer.elm
@@ -20,9 +20,7 @@ timerView (id, timer) =
   div
     [ class <| "timer" ++ (if timer.isRunning then " isRunning" else "") ]
     [ button
-        [ class "name block"
-        , onClick (Signal.send updates (UpdateTimer id ToggleRunning))
-        ]
+        [ class "name block" ]
         [ text timer.name ]
     , div
         [ class <| "time block" ]
@@ -33,6 +31,15 @@ timerView (id, timer) =
         ]
         [ i [ class "fa fa-fw fa-backward" ] [] ]
     , button
+        [ class <| "playPause block"
+        , onClick (Signal.send updates (UpdateTimer id ToggleRunning))
+        ]
+        [ let icon = if timer.isRunning then "fa-pause" else "fa-play"
+          in  i
+                [ class <| "fa fa-fw " ++ icon ]
+                []
+        ]
+    , button
         [ class <| "stop block"
         , onClick (Signal.send updates (UpdateTimer id Stop))
         ]