From e94c3f5c61f2109ddc59610f88003564838a7dc3 Mon Sep 17 00:00:00 2001
From: lamtruong28 <lamtruongpk31@gmail.com>
Date: Wed, 19 Aug 2026 19:57:06 +0700
Subject: [PATCH] Adjust screenshots size

---
 docs/USER_GUIDE.md | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/docs/USER_GUIDE.md b/docs/USER_GUIDE.md
index bfde942..0a8a991 100644
--- a/docs/USER_GUIDE.md
+++ b/docs/USER_GUIDE.md
@@ -3,7 +3,7 @@
 TorqueVault is an application used to communicate with digital torque wrenches via Bluetooth Low Energy (BLE). The application communicates with a backend server via a RESTful API to get data and upload measurement values obtained from the wrenches.
 
 <div align="center">
-  <img src="../composeApp/src/commonMain/composeResources/drawable/dts_text.png" alt="DTS Logo" width="200"/>
+  <img src="../composeApp/src/commonMain/composeResources/drawable/dts_text.png" alt="DTS Logo" width="200" style="background-color: white; padding: 10px; border-radius: 8px;"/>
 </div>
 
 ---
@@ -15,7 +15,9 @@ Authentication interface for securing access to the application.
     *   **Credentials:** Login using a registered username and password.
     *   **API Key:** Alternative login method using a unique API token.
 
-![Login Screen](./screenshots/Screenshot_Login_With_Password.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Login_With_Password.png" alt="Login Screen" width="250"/>
+</div>
 
 ## 2. Scanner Screen
 Facilitates the discovery of nearby tools.
@@ -23,21 +25,27 @@ Facilitates the discovery of nearby tools.
 *   **Signal Strength:** Proximity indication via the signal icon (RSSI).
 *   **Connect:** Tap a device name to initiate a connection. The device is automatically bonded upon the first successful connection.
 
-![Scanner Screen](./screenshots/Screenshot_Scanner.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Scanner.png" alt="Scanner Screen" width="250"/>
+</div>
 
 ## 3. Home Screen
 Primary dashboard for active tool management.
 *   **Overview:** Display of all currently connected devices.
 *   **Quick Access:** One-tap entry to the communication screen of any connected tool.
 
-![Home Screen](./screenshots/Screenshot_Home.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Home.png" alt="Home Screen" width="250"/>
+</div>
 
 ## 4. Communication Screen
 Direct interaction interface for selected tools.
 *   **UART Data Exchange:** Display of UART commands exchanged between the torque wrench and the application.
 *   **Command Transmission:** Ability to send specific instructions or protocol commands.
 
-![Communication Screen](./screenshots/Screenshot_Communication.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Communication.png" alt="Communication Screen" width="250"/>
+</div>
 
 ## 5. Bonded Devices Screen
 Management of previously paired tools.
@@ -45,7 +53,9 @@ Management of previously paired tools.
 *   **Device management:** Option to remove obsolete tool records via the delete icon.
 *   **Auto-Connect Capability:** Automatic reconnection for bonded tools within range if the "Auto-Connect" option is enabled in the Settings screen.
 
-![Bonded Devices](./screenshots/Screenshot_Bonded_Devices.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Bonded_Devices.png" alt="Bonded Devices" width="250"/>
+</div>
 
 ## 6. Logs Screen
 Tracking of system activity and communication logs for the current session. This screen is hidden by default and can be enabled via the "Show logs" option in the Settings screen.
@@ -53,7 +63,9 @@ Tracking of system activity and communication logs for the current session. This
 *   **Filter Options:** Categorization between system messages and tool data.
 *   **Data Export:** Capability to share logs in Text or CSV format for diagnostic purposes.
 
-![Logs Screen](./screenshots/Screenshot_Logs.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Logs.png" alt="Logs Screen" width="250"/>
+</div>
 
 ## 7. Settings Screen
 Application-wide configuration.
@@ -61,7 +73,9 @@ Application-wide configuration.
 *   **Connection Policy:** Management of the auto-connect feature for bonded tools.
 *   **Server:** Configuration of the backend server URL to get work orders and upload measurement data.
 
-![Settings Screen](./screenshots/Screenshot_Settings.png)
+<div align="center">
+  <img src="./screenshots/Screenshot_Settings.png" alt="Settings Screen" width="250"/>
+</div>
 
 ---
 *Developed by Digitool Solutions*