[mirotalk] - improve settings UI

public/css/client.css

@@ -2746,6 +2746,10 @@ hr {
     color: #007bff;
 } */
 
+.w-80 {
+    width: 80% !important;
+}
+
 .ml-10 {
     margin: 10px;
 }

public/views/client.html

@@ -515,7 +515,7 @@ access to use this app.
                         <br />
                         <table id="mySettingsTable">
                             <tr>
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fas fa-microphone-lines"></i>
                                         <p>Volume bar</p>
@@ -524,7 +524,7 @@ access to use this app.
                                 <td><input id="switchAudioPitchBar" class="toggle" type="checkbox" checked /></td>
                             </tr>
                             <tr>
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fas fa-music"></i>
                                         <p>Sounds</p>
@@ -533,7 +533,7 @@ access to use this app.
                                 <td><input id="switchSounds" class="toggle" type="checkbox" checked /></td>
                             </tr>
                             <tr id="shareOnJoinButton">
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fas fa-share-alt"></i>
                                         <p>Share</p>
@@ -542,7 +542,7 @@ access to use this app.
                                 <td><input id="switchShare" class="toggle" type="checkbox" checked /></td>
                             </tr>
                             <tr id="keepButtonsVisibleButton">
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fas fa-eye"></i>
                                         <p>Buttons</p>
@@ -551,7 +551,7 @@ access to use this app.
                                 <td><input id="switchKeepButtonsVisible" class="toggle" type="checkbox" /></td>
                             </tr>
                             <tr id="keepAwakeButton">
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fa-solid fa-mobile-screen"></i>
                                         <p>Keep awake</p>
@@ -670,7 +670,7 @@ access to use this app.
                         <div id="micOptionsDiv">
                             <table id="mySettingsTable">
                                 <tr id="noiseSuppressionBtn">
-                                    <td>
+                                    <td class="w-80">
                                         <div class="title">
                                             <i class="fas fa-ear-listen"></i>
                                             <p id="labelNoiseSuppression">Noise Suppression</p>
@@ -696,7 +696,7 @@ access to use this app.
                         </div>
                         <table id="mySettingsTable">
                             <tr id="pushToTalkDiv">
-                                <td>
+                                <td class="w-80">
                                     <div class="title">
                                         <i class="fa-solid fa-hand-pointer"></i>
                                         <p>Push to talk</p>