From c75d523f86c6e42c42973af5ba1bdd6a80538d27 Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Sat, 8 Feb 2020 19:05:33 +0900
Subject: [PATCH] chore: cosmetic changes

---
 web/src/components/Suggestion.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/src/components/Suggestion.tsx b/web/src/components/Suggestion.tsx
index 154892c..da51b70 100644
--- a/web/src/components/Suggestion.tsx
+++ b/web/src/components/Suggestion.tsx
@@ -213,12 +213,17 @@ const Suggestion: React.FC<{
 export default Suggestion;
 
 const Container = styled.div`
+  margin-top: 20px;
   margin-bottom: 10px;
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
+
+  ${mobile} {
+    margin-top: 15px;
+  }
 `;
 
 const Title = styled.div`
@@ -229,10 +234,6 @@ const Title = styled.div`
   text-transform: uppercase;
   font-size: 12px;
   user-select: none;
-
-  ${mobile} {
-    margin-top: 15px;
-  }
 `;
 
 const Items = styled.div`
@@ -250,7 +251,7 @@ const Items = styled.div`
 
 const Item = styled.div`
   margin-top: 10px;
-  margin-right: 14px;
+  margin: 10px 12px 0;
   cursor: pointer;
   font-weight: bold;
   font-family: monospace;
@@ -260,7 +261,7 @@ const Item = styled.div`
   color: black;
 
   ${mobile} {
-    margin-right: 0;
+    margin: 10px 0 0;
     font-size: 1.3rem;
   }
 `;