From 73e380a8b215ac1cf504412cd0a9c26436c982ba Mon Sep 17 00:00:00 2001
From: Tin <wutingy@gmail.com>
Date: Wed, 2 Aug 2017 10:42:38 +0800
Subject: [PATCH] Bugfix/style and typo (#265)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* #262 斷行

* #263 typo

* #262 段行 for firefox 但是他無法自動長高

* #264 safari do not support inline-flex
---
 src/components/ExperienceDetail/SectionBlock.module.css     | 1 +
 src/components/ExperienceSearch/ExperienceSearch.module.css | 6 +++---
 src/components/ShareExperience/common/optionMap.js          | 4 ++--
 src/components/common/reset.module.css                      | 1 +
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ExperienceDetail/SectionBlock.module.css b/src/components/ExperienceDetail/SectionBlock.module.css
index 16cb69bed..37f35083a 100644
--- a/src/components/ExperienceDetail/SectionBlock.module.css
+++ b/src/components/ExperienceDetail/SectionBlock.module.css
@@ -4,4 +4,5 @@
 
 .content {
   margin-bottom: 1.5em;
+  white-space: pre-line;
 }
diff --git a/src/components/ExperienceSearch/ExperienceSearch.module.css b/src/components/ExperienceSearch/ExperienceSearch.module.css
index e3c04d2de..1cd2d47c8 100644
--- a/src/components/ExperienceSearch/ExperienceSearch.module.css
+++ b/src/components/ExperienceSearch/ExperienceSearch.module.css
@@ -46,11 +46,11 @@
 }
 
 .frontButton, .rearButton {
-  display: inline-flex;
+  display: inline-block;
   width: 50%;
   height: 32px;
-  justify-content: center;
-  align-items: center;
+  line-height: 32px;
+  text-align: center;
   border: 1px solid main-yellow;
 
   &.toggle {
diff --git a/src/components/ShareExperience/common/optionMap.js b/src/components/ShareExperience/common/optionMap.js
index 8f4e59104..c5fb616f5 100644
--- a/src/components/ShareExperience/common/optionMap.js
+++ b/src/components/ShareExperience/common/optionMap.js
@@ -234,6 +234,6 @@ export const jobEndingTimeYearOptions = Array(11).fill(0).map((_, index) => ({
 }));
 
 export const jobEndingTimeMonthOptions = Array(12).fill(0).map((_, index) => ({
-  label: index,
-  value: index,
+  label: index + 1,
+  value: index + 1,
 }));
diff --git a/src/components/common/reset.module.css b/src/components/common/reset.module.css
index 37ca4c808..bf1a95746 100644
--- a/src/components/common/reset.module.css
+++ b/src/components/common/reset.module.css
@@ -42,5 +42,6 @@ input[type="submit"] {
 }
 textarea {
   max-width: 100%;
+  white-space: pre-wrap;
 }
 /*form reset end*/