Bugfix/style and typo (#265)

* #262 斷行 * #263 typo * #262 段行 for firefox 但是他無法自動長高 * #264 safari do not support inline-flex
goodjoblife · Aug 2, 2017 · 73e380a · 73e380a
1 parent b7e52c1
commit 73e380a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -42,5 +42,6 @@ input[type="submit"] {
 }
 textarea {
   max-width: 100%;
+  white-space: pre-wrap;
 }
 /*form reset end*/