aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/style_switcher/style_switcher.scss9
-rw-r--r--src/components/style_switcher/style_switcher.vue4
2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/style_switcher/style_switcher.scss b/src/components/style_switcher/style_switcher.scss
index baf2b73a..4db1a295 100644
--- a/src/components/style_switcher/style_switcher.scss
+++ b/src/components/style_switcher/style_switcher.scss
@@ -49,7 +49,7 @@
}
&:not([type=number]):not([type=text]) {
- align-self: center;
+ align-self: flex-start;
}
}
}
@@ -113,6 +113,7 @@
p {
flex: 1;
margin: 0;
+ margin-right: .5em;
}
margin-bottom: 1em;
@@ -148,7 +149,7 @@
flex-wrap: wrap;
margin-top: .5em;
span {
- margin: 0 .5em;
+ margin: 0 .5em .5em;
}
}
@@ -204,8 +205,8 @@
flex: 0 auto;
margin-left: 28px;
font-size: 12px;
- width: 20px;
- height: 20px;
+ min-width: 20px;
+ min-height: 20px;
line-height: 20px;
border-radius: $fallback--avatarAltRadius;
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index c0a7da69..814a6f17 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -83,7 +83,7 @@
</div>
<div class="content">
<h4>
- Content
+ {{$t('settings.style.preview.content')}}
</h4>
<i18n path="settings.style.preview.text">
@@ -224,7 +224,7 @@
</div>
<div class="color-item">
<h4>{{ $t('settings.style.advanced_colors.borders') }}</h4>
- <ColorInput name="borderColor" v-model="borderColorLocal" :fallback="previewTheme.colors.border" label="Color"/>
+ <ColorInput name="borderColor" v-model="borderColorLocal" :fallback="previewTheme.colors.border" :label="$t('settings.style.common.color')"/>
<OpacityInput name="borderOpacity" v-model="borderOpacityLocal" :fallback="previewTheme.opacity.border || 1"/>
</div>
<div class="color-item">