diff --git a/src/App.scss b/src/App.scss index 047cd333..e4b02017 100644 --- a/src/App.scss +++ b/src/App.scss @@ -95,7 +95,7 @@ input, textarea, .select { color: var(--lightFg, $fallback--lightFg); font-family: sans-serif; font-size: 14px; - padding: 8px 7px 4px; + padding: 8px 7px; box-sizing: border-box; display: inline-block; position: relative; @@ -183,8 +183,8 @@ i[class*=icon-] { .item { flex: 1; - line-height: 25px; - height: 25px; + line-height: 50px; + height: 50px; overflow: hidden; .nav-icon { diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index ef4a21bd..9c39b245 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -55,32 +55,32 @@

{{$t('settings.radii_help')}}

- +
- +
- +
- +
- +
- +
@@ -166,6 +166,7 @@ box-shadow: none; background: transparent; color: var(--faint, $fallback--faint); + align-self: stretch; } .theme-color-cl, @@ -175,7 +176,6 @@ } .theme-color-in { - padding: 5px; min-width: 4em; } @@ -206,7 +206,6 @@ .theme-color-cl { padding: 1px; max-width: 8em; - align-self: stretch; height: 100%; flex: 0; min-width: 2em; diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 68439681..4d2230cb 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -101,5 +101,7 @@ border-color: var(--border, $fallback--border); padding: 10px; z-index: 1; + background-color: $fallback--btn; + background-color: var(--btn, $fallback--btn); } diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue index 22d4bd77..69bd1d21 100644 --- a/src/components/user_finder/user_finder.vue +++ b/src/components/user_finder/user_finder.vue @@ -19,13 +19,13 @@ @import '../../_variables.scss'; .user-finder-container { - height: 21px; + height: 29px; max-width: 100%; } .user-finder-input { max-width: 80%; - padding: 0.1em 0.2em 0.2em 0.2em; + vertical-align: middle; }