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>

1 files changed, 6 insertions, 3 deletions

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;