From 768e60898a2bf78c4452b1ffcd17a756fd93a446 Mon Sep 17 00:00:00 2001
From: FrogTheFrog <warliukz@gmail.com>
Date: Thu, 8 Aug 2024 10:02:54 +0300
Subject: [PATCH] review comments

---
 docs/configuration.md                         |  4 +-
 .../tabs/audiovideo/DisplayOutputSelector.vue | 40 ++++++++++---------
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/docs/configuration.md b/docs/configuration.md
index 0cec45cce48..dc708f2ec0d 100644
--- a/docs/configuration.md
+++ b/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>
diff --git a/src_assets/common/assets/web/configs/tabs/audiovideo/DisplayOutputSelector.vue b/src_assets/common/assets/web/configs/tabs/audiovideo/DisplayOutputSelector.vue
index ff3039b7ade..d5f906e7bfa 100644
--- a/src_assets/common/assets/web/configs/tabs/audiovideo/DisplayOutputSelector.vue
+++ b/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>