From f354cff108c187a66a2897482771798aa8911aae Mon Sep 17 00:00:00 2001
From: Gwilym Inzani <email@gwilym.dev>
Date: Wed, 5 Jul 2023 13:25:10 +0100
Subject: [PATCH] Add a mute button

---
 website/src/App.tsx      | 3 ++-
 website/src/bindings.tsx | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/website/src/App.tsx b/website/src/App.tsx
index 4608a13b..e32b9966 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -15,7 +15,6 @@ const BindingsDialog = styled.dialog`
 const VolumeLabel = styled.label`
   display: flex;
   gap: 10px;
-  margin-bottom: 20px;
 `;
 
 const ActionButton = styled.button`
@@ -121,6 +120,8 @@ function BindingsWindow({
         Volume:
         <Slider value={volume} onChange={(e) => setVolume(e)} />
       </VolumeLabel>
+      <ActionButton onClick={() => setVolume(0)}>Mute</ActionButton>
+
       <BindingsControl
         bindings={bindings}
         setBindings={setBindings}
diff --git a/website/src/bindings.tsx b/website/src/bindings.tsx
index 0e97aed5..b7618604 100644
--- a/website/src/bindings.tsx
+++ b/website/src/bindings.tsx
@@ -57,6 +57,7 @@ const SelectButton = styled.button<SelectButtonProps>`
 
 const ButtonWrapper = styled.div`
   display: grid;
+  margin-top: 10px;
 `;
 
 export type KeyBindings = {