diff --git a/client/app/components/Input/Input.scss b/client/app/components/Input/Input.scss index c81ce59ace..bc1d4d3835 100644 --- a/client/app/components/Input/Input.scss +++ b/client/app/components/Input/Input.scss @@ -1,5 +1,12 @@ @import "../../styles/_global.scss"; +@mixin paddingForSelectIcon($padding) { + padding-right: $padding * 2 + $size-12; + @media screen and (max-width: $medium) { + padding-right: $padding + $size-12; + } +} + .small { .default, .tagAutocomplete { @@ -10,7 +17,8 @@ @include setPadding($size-0, $size-18, $size-0, $size-18); } select { - @include setPadding($size-18, $size-18, $size-18, $size-18); + @include setPadding($size-18, $size-0, $size-18, $size-18); + @include paddingForSelectIcon($size-18); } } } @@ -27,7 +35,8 @@ } select { @include setFontSize($size-20); - @include setPadding($size-26, $size-26, $size-26, $size-26); + @include setPadding($size-26, $size-0, $size-26, $size-26); + @include paddingForSelectIcon($size-26); } } .label, @@ -102,12 +111,14 @@ right: $size-0; color: $white; height: $size-20; + width: $size-12; top: calc(50% - 10px); pointer-events: none; } select { @include setFontSize($size-18); - @include setPadding($size-24, $size-24, $size-24, $size-24); + @include setPadding($size-24, $size-0, $size-24, $size-24); + @include paddingForSelectIcon($size-24); color: $white; font-weight: $font-weight-400; width: 100%; diff --git a/config/locales/de.yml b/config/locales/de.yml index 520b73f4f2..643238bb71 100644 --- a/config/locales/de.yml +++ b/config/locales/de.yml @@ -3,10 +3,10 @@ de: app_description: 'ist eine Community rund um das Thema psychische Gesundheit' email: 'join.ifme@gmail.com' ellipsis: " [...]" - created: 'Erstellt: %{created_at}' + created: 'Erstellt %{created_at}' draft: "Draft" - edited: 'Erstellt: %{created_at} (geändert)' - edited_updated_at: 'Erstellt: %{created_at} (geändert %{updated_at})' + edited: 'Erstellt %{created_at} (geändert)' + edited_updated_at: 'Erstellt %{created_at} (geändert %{updated_at})' salutation: "Hallo %{name}," click_here: "Klick hier" less: " [Less]" diff --git a/config/locales/vi.yml b/config/locales/vi.yml index e7ff143f94..b2433ce857 100644 --- a/config/locales/vi.yml +++ b/config/locales/vi.yml @@ -3,10 +3,10 @@ vi: app_description: 'Đồng sức khỏe tâm thần' email: 'join.ifme@gmail.com' ellipsis: " [...]" - created: 'Tạo: %{created_at}' + created: 'Tạo %{created_at}' draft: "Nháp" - edited: 'Tạo: %{created_at} (chỉnh sửa)' - edited_updated_at: 'Created: %{created_at} (edited %{updated_at})' + edited: 'Tạo %{created_at} (chỉnh sửa)' + edited_updated_at: 'Created %{created_at} (edited %{updated_at})' salutation: "Xin chào %{name}," click_here: "nhấn vào đây" less: " [Ít hơn]"