From f395ad17a2f5f978d4c95f5ba915de7dbda8b1ef Mon Sep 17 00:00:00 2001
From: Ben Grant <benjamin.grantGRA0007@gmail.com>
Date: Sun, 6 Jun 2021 21:21:18 +1000
Subject: [PATCH] Minor style fixes

---
 crabfit-frontend/src/components/Logo/logoStyle.ts              | 2 +-
 .../src/components/ToggleField/toggleFieldStyle.ts             | 3 ++-
 crabfit-frontend/src/pages/Event/eventStyle.ts                 | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/crabfit-frontend/src/components/Logo/logoStyle.ts b/crabfit-frontend/src/components/Logo/logoStyle.ts
index 5edeace..d9b13da 100644
--- a/crabfit-frontend/src/components/Logo/logoStyle.ts
+++ b/crabfit-frontend/src/components/Logo/logoStyle.ts
@@ -58,7 +58,7 @@ export const Title = styled.span`
 export const Tagline = styled.span`
 	text-decoration: underline;
   font-size: 14px;
-  padding-top: 6px;
+  padding-top: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/crabfit-frontend/src/components/ToggleField/toggleFieldStyle.ts b/crabfit-frontend/src/components/ToggleField/toggleFieldStyle.ts
index 6f4007c..f2b7e0e 100644
--- a/crabfit-frontend/src/components/ToggleField/toggleFieldStyle.ts
+++ b/crabfit-frontend/src/components/ToggleField/toggleFieldStyle.ts
@@ -10,6 +10,7 @@ export const ToggleContainer = styled.div`
   border-radius: 3px;
   overflow: hidden;
   --focus-color: ${props => props.theme.primary};
+  transition: border .15s;
 
   &:focus-within {
     --focus-color: ${props => props.theme.mode === 'light' ? props.theme.primaryDark : props.theme.primaryLight};
@@ -69,5 +70,5 @@ export const LabelButton = styled.label`
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
-  transition: box-shadow .15s;
+  transition: box-shadow .15s, background-color .15s;
 `;
diff --git a/crabfit-frontend/src/pages/Event/eventStyle.ts b/crabfit-frontend/src/pages/Event/eventStyle.ts
index 2ca35b1..9a87bcc 100644
--- a/crabfit-frontend/src/pages/Event/eventStyle.ts
+++ b/crabfit-frontend/src/pages/Event/eventStyle.ts
@@ -90,7 +90,7 @@ export const ShareInfo = styled.p`
     cursor: pointer;
 
     &:hover {
-      color: ${props.theme.primaryDark};
+      color: ${props.theme.mode === 'light' ? props.theme.primaryDark : props.theme.primaryLight};
     }
   `}
 `;