Fix notifications crashing and table buttons moving on hover

src/app.scss

@@ -87,17 +87,17 @@
     padding: 5px 0;
 }
 
-.el-table .cell {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    // -webkit-line-clamp: 1;
-}
+// .el-table .cell {
+//     display: -webkit-box;
+//     -webkit-box-orient: vertical;
+//     -webkit-line-clamp: 1;
+// }
 
 // expand table cell on hover, TODO: replace with a better solution
-.el-table__row:hover .el-table__cell .cell {
-    -webkit-box-orient: unset;
-    -webkit-line-clamp: unset;
-}
+// .el-table__row:hover .el-table__cell .cell {
+//     -webkit-box-orient: unset;
+//     -webkit-line-clamp: unset;
+// }
 
 .el-table th.is-sortable .cell {
     display: flex;

src/classes/vrcxNotifications.js

@@ -570,9 +570,10 @@ export default class extends baseClass {
         },
 
         displayXSNotification(noty, message, image) {
-            var timeout = Math.floor(
+            const timeout = Math.floor(
                 parseInt(this.notificationTimeout, 10) / 1000
             );
+            const opacity = parseFloat(this.notificationOpacity) / 100;
             switch (noty.type) {
                 case 'OnPlayerJoined':
                     AppApi.XSNotification(
@@ -968,9 +969,10 @@ export default class extends baseClass {
             message,
             image
         ) {
-            var timeout = Math.floor(
+            const timeout = Math.floor(
                 parseInt(this.notificationTimeout, 10) / 1000
             );
+            const opacity = parseFloat(this.notificationOpacity) / 100;
             switch (noty.type) {
                 case 'OnPlayerJoined':
                     AppApi.OVRTNotification(

src/mixins/tabs/settings.pug

@@ -788,9 +788,9 @@ mixin settingsTab
             el-tab-pane(lazy :label='$t("view.settings.category.pictures")')
                 .options-container(style='margin-top: 0')
                     span.header {{ $t('view.settings.category.pictures') }}
-
-                .options-container
-                    el-button(size='small' icon='el-icon-picture' @click='showScreenshotMetadataDialog()') {{ $t('view.settings.advanced.advanced.screenshot_metadata') }}
+                    .options-container-item(style='margin-top: 15px')
+                        el-button-group
+                            el-button(size='small' icon='el-icon-picture' @click='showScreenshotMetadataDialog()') {{ $t('view.settings.advanced.advanced.screenshot_metadata') }}
 
                 .options-container
                     span.header {{ $t('view.settings.pictures.pictures.open_folder') }}