From 7c6fbc057bab72b66fe1d07a8f991fa2b588b72c Mon Sep 17 00:00:00 2001
From: milotype <43657314+milotype@users.noreply.github.com>
Date: Wed, 14 Oct 2020 17:12:58 +0200
Subject: [PATCH] Alignment and typography corrections (#653)

* Update player-settings.vue

Replaced the LATIN SMALL LETTER X with the correct MULTIPLICATION SIGN

* Update ft-slider.js

Added a SPACE character as separator between "value" and "extension".

* Update ft-slider.vue

Changed the "SPACE" and "HYPHEN" characters with the "COLON" character, in order to prevent values to look like they where negative.

* Update ft-search-filters.vue

- Removed CSS class "radioMargin" for "Time" and "Type". This class does not seem to be defined anywhere!
- Substituted CSS class "radioMargin" with "searchRadio" for "Duration", so the div aligns correctly.

* Update ft-slider.js

Removed SPACE character between "currentValue" and "valueExtension"
---
 .../components/ft-search-filters/ft-search-filters.vue      | 6 +++---
 src/renderer/components/ft-slider/ft-slider.vue             | 2 +-
 src/renderer/components/player-settings/player-settings.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/ft-search-filters/ft-search-filters.vue b/src/renderer/components/ft-search-filters/ft-search-filters.vue
index 8b35d107..5a45fa13 100644
--- a/src/renderer/components/ft-search-filters/ft-search-filters.vue
+++ b/src/renderer/components/ft-search-filters/ft-search-filters.vue
@@ -15,21 +15,21 @@
         :title="$t('Search Filters.Time.Time')"
         :labels="timeLabels"
         :values="timeValues"
-        class="searchRadio radioMargin"
+        class="searchRadio"
         @change="updateTime"
       />
       <ft-radio-button
         :title="$t('Search Filters.Type.Type')"
         :labels="typeLabels"
         :values="typeValues"
-        class="searchRadio radioMargin"
+        class="searchRadio"
         @change="updateType"
       />
       <ft-radio-button
         :title="$t('Search Filters.Duration.Duration')"
         :labels="durationLabels"
         :values="durationValues"
-        class="radioMargin"
+        class="searchRadio"
         @change="updateDuration"
       />
     </ft-flex-box>
diff --git a/src/renderer/components/ft-slider/ft-slider.vue b/src/renderer/components/ft-slider/ft-slider.vue
index 81e170ee..477e1299 100644
--- a/src/renderer/components/ft-slider/ft-slider.vue
+++ b/src/renderer/components/ft-slider/ft-slider.vue
@@ -12,7 +12,7 @@
       @change="$emit('change', $event.target.value)"
     >
     <span>
-      {{ label }} -
+      {{ label }}:
       <span>
         {{ displayLabel }}
       </span>
diff --git a/src/renderer/components/player-settings/player-settings.vue b/src/renderer/components/player-settings/player-settings.vue
index f45e2532..4a0fe740 100644
--- a/src/renderer/components/player-settings/player-settings.vue
+++ b/src/renderer/components/player-settings/player-settings.vue
@@ -74,7 +74,7 @@
         :min-value="0.25"
         :max-value="3"
         :step="0.25"
-        value-extension="x"
+        value-extension="×"
         @change="updateDefaultPlayback"
       />
     </ft-flex-box>