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"

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>

src/renderer/components/ft-slider/ft-slider.vue

@@ -12,7 +12,7 @@
       @change="$emit('change', $event.target.value)"
     >
     <span>
-      {{ label }} -
+      {{ label }}:
       <span>
         {{ displayLabel }}
       </span>

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>