From 764883f3e23bf6d090cd962ae12357aa783b4a48 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Mon, 2 Aug 2021 10:02:09 +0900
Subject: [PATCH] moved margin from theming to Navbar

---
 source/src/components/Navbar.tsx | 1 +
 source/src/theming.ts            | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/src/components/Navbar.tsx b/source/src/components/Navbar.tsx
index 056fc3b..f03268a 100644
--- a/source/src/components/Navbar.tsx
+++ b/source/src/components/Navbar.tsx
@@ -59,6 +59,7 @@ const StyledImg = styled.img`
 
 const StyledLink = styled(Link)`
 	${theming.styles.navbarButtonStyle}
+	margin: 0 0.2rem 0 0.2rem;
 `
 
 export default class Navbar extends React.Component {
diff --git a/source/src/theming.ts b/source/src/theming.ts
index 72379f4..0f6ad32 100644
--- a/source/src/theming.ts
+++ b/source/src/theming.ts
@@ -43,13 +43,12 @@ export default {
 	},
 	styles: {
 		navbarButtonStyle: css`
-			cursor: pointer;
-			font-size: 1em;
+			cursor: pointer; /* so it can be applies to divs too */
+			font-size: 1rem;
 			border-radius: 0.5rem;
 			float: left;
 			padding: 14px 16px;
 			text-decoration: none;
-			margin: 0.1em;
 			transition: transform 0.1s linear;
 			color: ${(props) =>
 				theme(props.theme.currentTheme, {