review comments

Author: FrogTheFrog

docs/configuration.md

@@ -931,7 +931,7 @@ editing the `conf` file in a text editor. Use the examples as reference.
               }
             ]
             @endcode
-            You need to use the ``device_id`` value.
+            You need to use the `device_id` value.
             }
         </td>
     </tr>
@@ -954,7 +954,7 @@ editing the `conf` file in a text editor. Use the examples as reference.
     <tr>
         <td>Example (Windows)</td>
         <td colspan="2">@code{}
-            output_name  = {daeac860-f4db-5208-b1f5-cf59444fb768}
+            output_name = {daeac860-f4db-5208-b1f5-cf59444fb768}
             @endcode</td>
     </tr>
 </table>

src_assets/common/assets/web/configs/tabs/audiovideo/DisplayOutputSelector.vue

@@ -21,29 +21,31 @@ const outputNamePlaceholder = (props.platform === 'windows') ? '{de9bb7e2-186e-5
       {{ $tp('config.output_name_desc') }}<br>
       <PlatformLayout :platform="platform">
         <template #windows>
-          <b>&nbsp;&nbsp;{</b><br>
-          <b>&nbsp;&nbsp;&nbsp;&nbsp;"device_id": "{de9bb7e2-186e-505b-9e93-f48793333810}"</b><br>
-          <b>&nbsp;&nbsp;&nbsp;&nbsp;"display_name": "\\\\.\\DISPLAY1"</b><br>
-          <b>&nbsp;&nbsp;&nbsp;&nbsp;"friendly_name": "ROG PG279Q"</b><br>
-          <b>&nbsp;&nbsp;&nbsp;&nbsp;...</b><br>
-          <b>&nbsp;&nbsp;}</b>
+          <pre style="white-space: pre-line;">
+            <b>&nbsp;&nbsp;{</b>
+            <b>&nbsp;&nbsp;&nbsp;&nbsp;"device_id": "{de9bb7e2-186e-505b-9e93-f48793333810}"</b>
+            <b>&nbsp;&nbsp;&nbsp;&nbsp;"display_name": "\\\\.\\DISPLAY1"</b>
+            <b>&nbsp;&nbsp;&nbsp;&nbsp;"friendly_name": "ROG PG279Q"</b>
+            <b>&nbsp;&nbsp;&nbsp;&nbsp;...</b>
+            <b>&nbsp;&nbsp;}</b>
+          </pre>
         </template>
         <template #linux>
-            <pre style="white-space: pre-line;">
-              Info: Detecting displays
-              Info: Detected display: DVI-D-0 (id: 0) connected: false
-              Info: Detected display: HDMI-0 (id: 1) connected: true
-              Info: Detected display: DP-0 (id: 2) connected: true
-              Info: Detected display: DP-1 (id: 3) connected: false
-              Info: Detected display: DVI-D-1 (id: 4) connected: false
-            </pre>
+          <pre style="white-space: pre-line;">
+            Info: Detecting displays
+            Info: Detected display: DVI-D-0 (id: 0) connected: false
+            Info: Detected display: HDMI-0 (id: 1) connected: true
+            Info: Detected display: DP-0 (id: 2) connected: true
+            Info: Detected display: DP-1 (id: 3) connected: false
+            Info: Detected display: DVI-D-1 (id: 4) connected: false
+          </pre>
         </template>
         <template #macos>
-            <pre style="white-space: pre-line;">
-              Info: Detecting displays
-              Info: Detected display: Monitor-0 (id: 3) connected: true
-              Info: Detected display: Monitor-1 (id: 2) connected: true
-            </pre>
+          <pre style="white-space: pre-line;">
+            Info: Detecting displays
+            Info: Detected display: Monitor-0 (id: 3) connected: true
+            Info: Detected display: Monitor-1 (id: 2) connected: true
+          </pre>
         </template>
       </PlatformLayout>
     </div>