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]"