From 8649e947075e523f29369eff15ae87385f6e476e Mon Sep 17 00:00:00 2001
From: Wern <dev@wern.cc>
Date: Mon, 13 Nov 2023 22:29:11 +0800
Subject: [PATCH] Fix formatting

---
 docs/DeveloperGuide.md | 4 +++-
 docs/UserGuide.md      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/DeveloperGuide.md b/docs/DeveloperGuide.md
index 412cfe48dd0..4502707acb7 100644
--- a/docs/DeveloperGuide.md
+++ b/docs/DeveloperGuide.md
@@ -19,6 +19,7 @@ title: Developer Guide
 --------------------------------------------------------------------------------------------------------------------
 
 ## **Setting up, getting started**
+{: .reset-page-break-defaults}
 
 Refer to the guide [_Setting up and getting started_](SettingUp.md).
 
@@ -26,9 +27,10 @@ Refer to the guide [_Setting up and getting started_](SettingUp.md).
 
 ## **Design**
 
-<div markdown="span" class="alert alert-primary">
+<div markdown="span" class="alert alert-primary h2-summary">
 
 :bulb: **Tip:** The `.puml` files used to create diagrams in this document `docs/diagrams` folder. Refer to the [_PlantUML Tutorial_ at se-edu/guides](https://se-education.org/guides/tutorials/plantUml.html) to learn how to create and edit diagrams.
+
 </div>
 
 ### Architecture
diff --git a/docs/UserGuide.md b/docs/UserGuide.md
index 98a543d933e..c03d2af2f17 100644
--- a/docs/UserGuide.md
+++ b/docs/UserGuide.md
@@ -74,7 +74,7 @@ title: User Guide
 
 ### Small information pills
 
-| Component                                                                                                                                                                     | Description                                                                                                                                                                                                                                                                                                           |
+| <span style="width: 200px; display: inline-block;"> Component </span>                                                                                                         | Description                                                                                                                                                                                                                                                                                                           |
 |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | <span class="learning-outcome pill">:trophy: Learning outcomes</span>                                                                                                         | The learning outcome of the section.                                                                                                                                                                                                                                                                                  |
 | <span class="beginner pill">Beginner</span><br><span class="intermediate pill">Intermediate</span><br><span class="expert pill">Expert</span>                                 | The difficulty level of the section, with <span class="beginner pill">Beginner</span> for new users, <span class="intermediate pill">Intermediate</span> for users who have completed the tutorial, and <span class="expert pill">Expert</span> for users who have completed and used the features in the User Guide. |