Fixed visual separation issues

docs/Authorization.md

@@ -1,6 +1,6 @@
 # HopFrame Authentication
 
-With the provided HopFrame services, you can secure your endpoints and blazor pages so that only logged-in users or users with the right permissions can access the endpoint/page
+With the provided HopFrame services, you can secure your endpoints and blazor pages so that only logged-in users or users with the right permissions can access the endpoint/page.
 
 ## Usage
 ### Secure your endpoints
@@ -12,13 +12,17 @@ You can secure your endpoints by adding the `Authorized` attribute.
 public ActionResult<string> HelloWorld() {
     return "Hello, World!";
 }
+```
 
+```csharp
 // Only logged-in users can access this endpoint
 [HttpGet("hello"), Authorized]
 public ActionResult<string> HelloWorld() {
     return "Hello, World!";
 }
+```
 
+```csharp
 // Only logged-in users with the specified permissions can access this endpoint
 [HttpGet("hello"), Authorized("test.permission", "test.permission.another")]
 public ActionResult<string> HelloWorld() {
@@ -31,12 +35,14 @@ You can secure your Blazor pages by using the `AuthorizedView` component.
 Everything placed inside this component will only be displayed if the authorization was successful.
 You can also redirect the user if the authorization fails by specifying a `RedirectIfUnauthorized` url.
 
-```htmlinblazor
+```html
 <!-- You can either specify one 'Permission', multiple 'Permissions' or none if the user only needs to be logged-in -->
 <AuthorizedView Permission="test.permission">
     <p>This paragraph is only visible if the user is logged-in and has the required permission</p>
 </AuthorizedView>
+```
 
+```html
 <!-- This component will redirect the user to the login page if the user is unauthorized -->
 <AuthorizedView RedirectIfUnauthorized="/login" />
 ```

docs/installation/Blazor.md

@@ -8,7 +8,6 @@ This Installation adds all HopFrame [pages](../pages) and [services](../services
    ```
 
 2. Create a [DbContext](./Database.md) that inherits the ``HopDbContext`` and add a data source
-   <p>&nbsp;</p>
 
 3. Add the HopFrame services to your application, provide the previously created `DatabaseContext` that inherits from `HopDbContextBase`
 

docs/installation/Database.md

@@ -1,9 +1,10 @@
 # Database initialization
-You also need to initialize the data source with the tables from HopFrame
+You also need to initialize the data source with the tables from HopFrame.
 
 ## Create a DbContext
 
-1. Create a c# class that inherits from the `HopDbContextBase` and add a data source (In the example Sqlite is used)
+1. Create a c# class that inherits from the `HopDbContextBase` and add a data source (In the example Sqlite is used)\
+   **IMPORTANT:** You need to leave the `base.OnConfiguring(optionsBuilder)` in place so the HopFrame model relations are set correctly.
 
     ```csharp
     public class DatabaseContext : HopDbContextBase {
@@ -15,9 +16,6 @@ You also need to initialize the data source with the tables from HopFrame
     }
     ```
 
-    **IMPORTANT:** You need to leave the `base.OnConfiguring(optionsBuilder)` in place so the HopFrame model relations are set correctly.
-   <p>&nbsp;</p>
-
 2. Register the `DatabaseContext` as a service
 
    ```csharp

docs/installation/WebAPI.md

@@ -8,7 +8,6 @@ This Installation adds all HopFrame [endpoints](../endpoints) and [services](../
    ```
 
 2. Create a [DbContext](./Database.md) that inherits the ``HopDbContext`` and add a data source
-   <p>&nbsp;</p>
 
 3. Add the HopFrame services to your application, provide the previously created `DatabaseContext` that inherits from `HopDbContextBase`