chore: bump element-plus from 2.4.4 to 2.5.3 in /src-vue (#765)

* chore: bump element-plus from 2.4.4 to 2.5.3 in /src-vue

Bumps [element-plus](https://github.com/element-plus/element-plus) from 2.4.4 to 2.5.3.
- [Release notes](https://github.com/element-plus/element-plus/releases)
- [Changelog](https://github.com/element-plus/element-plus/blob/dev/CHANGELOG.en-US.md)
- [Commits](https://github.com/element-plus/element-plus/compare/2.4.4...2.5.3)

---
updated-dependencies:
- dependency-name: element-plus
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix: el-select breaking change

* fix: button right margin is valid at all times

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Remy Raes <raes.remy@gmail.com>

3 files changed, 11 insertions, 8 deletions

diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
index 499f5352..e087cec2 100644
--- a/src-vue/package-lock.json
+++ b/src-vue/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@element-plus/icons-vue": "^2.0.9",
-        "element-plus": "^2.4.4",
+        "element-plus": "^2.5.3",
         "marked": "^11.1.1",
         "tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store#9bd993aa67766596638bbfd91e79a1bf8f632014",
         "vue": "^3.4.15",
@@ -491,9 +491,9 @@
       "dev": true
     },
     "node_modules/element-plus": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.4.4.tgz",
-      "integrity": "sha512-TlKubXJgxwhER0dw+8ULn9hr9kZjraV4R6Q/eidwWUwCKxwXYPBGmMKsZ/85tlxlhMYbcLZd/YZh6G3QkHX4fg==",
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.5.3.tgz",
+      "integrity": "sha512-wmtstxaMkD6UinIgD+45CjrhbRh4u0vt+/GgxfPeMLt5pDpIVwZFjkUaVcWqqxcxd5a80HP3XlDF74fW7wim9A==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.3.1",
diff --git a/src-vue/package.json b/src-vue/package.json
index c5777b16..32be0476 100644
--- a/src-vue/package.json
+++ b/src-vue/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.0.9",
-    "element-plus": "^2.4.4",
+    "element-plus": "^2.5.3",
     "marked": "^11.1.1",
     "tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store#9bd993aa67766596638bbfd91e79a1bf8f632014",
     "vue": "^3.4.15",
diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 83a23ae5..57b408c2 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -119,6 +119,10 @@ export default defineComponent({
 </template>
 
 <style scoped>
+nav {
+    margin-right: 20px;
+}
+
 button {
     text-transform: uppercase;
     padding: 30px;
@@ -133,12 +137,11 @@ button {
 
 /* Release canal selector */
 .el-select {
-    width: 0;
-    margin-right: 50px;
+    width: 31px;
     border-left: 1px solid rgb(176, 205, 255);
 }
 
-.el-select:deep(.el-input__wrapper) {
+.el-select:deep(.el-select__wrapper) {
     padding: 0 9px 0 0;
     background-color: var(--el-color-primary);
     border: none;