[mirotalk] - settings tab: keep icons vertical on small screens

.env.template

@@ -1,5 +1,5 @@
 # ====================================================
-# MiroTalk P2P v.1.7.66 - Environment Configuration
+# MiroTalk P2P v.1.7.67 - Environment Configuration
 # ====================================================
 
 # App environment

app/src/config.template.js

@@ -2,7 +2,7 @@
 
 /**
  * ==============================================
- * MiroTalk P2P v.1.7.66 - Configuration File
+ * MiroTalk P2P v.1.7.67 - Configuration File
  * ==============================================
  *
  * This file is the central configuration source.

app/src/server.js

@@ -45,7 +45,7 @@ dependencies: {
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.66
+ * @version 1.7.67
  *
  */
 

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "mirotalk",
-    "version": "1.7.66",
+    "version": "1.7.67",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "mirotalk",
-            "version": "1.7.66",
+            "version": "1.7.67",
             "license": "AGPL-3.0",
             "dependencies": {
                 "@mattermost/client": "11.5.0",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalk",
-    "version": "1.7.66",
+    "version": "1.7.67",
     "description": "A free WebRTC browser-based video call",
     "main": "server.js",
     "scripts": {

public/css/client.css

@@ -1647,7 +1647,7 @@ button {
         min-height: auto;
     }
     .mySettingsMain {
-        flex-direction: column;
+        flex-direction: row;
     }
 }
 
@@ -2031,11 +2031,17 @@ button {
 
 @media screen and (max-width: 830px) {
     .tab {
-        display: inline;
-        width: 100%;
+        display: flex;
+        flex-direction: column;
+        width: auto;
+        min-width: 50px;
         min-height: auto;
-        flex-direction: row;
-        border-right: none !important;
+    }
+    .tab button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
     }
     .tabActions {
         width: 100%;

public/js/brand.js

@@ -107,7 +107,7 @@ let brand = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: 'WebRTC P2P v1.7.66',
+        title: 'WebRTC P2P v1.7.67',
         html: `
             <button 
                 id="support-button" 

public/js/client.js

@@ -15,7 +15,7 @@
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.66
+ * @version 1.7.67
  *
  */
 
@@ -13764,7 +13764,7 @@ function showAbout() {
     Swal.fire({
         background: swBg,
         position: 'center',
-        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.66',
+        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.67',
         imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
         customClass: { image: 'img-about' },
         html: `