Merging dev into main for tag **v0.4.1** to be created

Dev

Author: jarnokamminga

Changelog.md

@@ -1,5 +1,16 @@
 # Release Notes
 
+## Version 0.4.1
+
+### Changes
+* Styled menu items inside collapsed menu prettier.
+
+### Fixes
+* Contents fits better in small screen device viewports.
+
+## Technical
+* Added `systemd` service and service configuration.
+
 ## Version 0.4.0
 
 ### Changes
@@ -8,7 +19,7 @@
 
 ## Version 0.3.0
 
-### Bugs
+### Fixes
 * Fixed About.md URL.
 * Fixed incorrect license being displayed.
 * Removed duplicated header.

Website/ClientApp/src/components/Controls/PackageInstallCommands.css

@@ -0,0 +1,18 @@
+/**
+ *
+ * The code is this file is subject to EQX Proprietary License. Therefor it is copyrighted and restricted
+ * from being copied, reproduced or redistributed by any party or indiviual other than the original
+ * copyright holder mentioned below.
+ *
+ * It's also not allowed to copy or redistribute the compiled binaries without explicit consent.
+ *
+ * (c) 2021 EQX Media B.V. - All rights are stricly reserved.
+ *
+ */
+.pkg-install-cmds .tab-pane {
+    overflow-x: auto;
+}
+
+.pkg-install-cmds code {
+    white-space: pre;
+}

Website/ClientApp/src/components/Controls/PackageInstallCommands.js

@@ -11,6 +11,8 @@
  */
 import React, { Component } from 'react';
 
+import './PackageInstallCommands.css';
+
 export default class PackageInstallCommands extends Component {
     constructor() {
         super()

Website/ClientApp/src/components/Pages/License.js

@@ -22,7 +22,7 @@ export class License extends Component {
 
     render() {
         return (
-            <div class="h-100">
+            <div class="h-100 sx-auto">
                 <Helmet>
                     <title>TxFileSystem License</title>
                     <meta name="description" content="The EQX Proprietary License is applicable to TxFileSystem and displayed on this page" />

Website/ClientApp/src/custom.css

@@ -12,3 +12,15 @@ code {
   background-color: #1b6ec2;
   border-color: #1861ac;
 }
+
+@media (max-width: 575px) {
+
+    h1 {
+        font-size: 2rem;
+    }
+
+}
+
+.sx-auto {
+    overflow-x: auto;
+}

Website/TxFileSystem.Website.csproj

@@ -11,14 +11,25 @@
     <AssemblyName>TxFileSystem.Website</AssemblyName>
     <Company>EQX Media B.V.</Company>
     <Authors>Jarno Kamminga</Authors>
-    <Version>0.4.0</Version>
+    <Version>0.4.1</Version>
     <Copyright>(c) 2021 EQX Media B.V.</Copyright>
     <PackageProjectUrl>https://txfilesystem.io</PackageProjectUrl>
     <PackageLicenseFile>License.md</PackageLicenseFile>
     <RepositoryUrl>https://github.com/eqxmedianl/TxFileSystem.Website/</RepositoryUrl>
     <RepositoryType>Git</RepositoryType>
     <PackageReleaseNotes># Release Notes
 
+## Version 0.4.1
+
+### Changes
+* Styled menu items inside collapsed menu prettier.
+
+### Fixes
+* Contents fits better in small screen device viewports.
+
+## Technical
+* Added systemd service and service configuration.
+
 ## Version 0.4.0
 
 ### Changes
@@ -62,6 +73,8 @@
    * Added Install page.
 * Displaying EQXMedia.TxFileSystem package info, using:
    * Web API being a middleware API for several NuGet API calls.</PackageReleaseNotes>
+    <AssemblyVersion>0.4.1.0</AssemblyVersion>
+    <FileVersion>0.4.1.0</FileVersion>
   </PropertyGroup>
 
   <ItemGroup>
@@ -77,12 +90,14 @@
     <Content Remove="$(SpaRoot)**" />
     <None Remove="$(SpaRoot)**" />
     <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**" />
+    <None Remove="ClientApp\src\components\Controls\PackageInstallCommands.css" />
     <None Remove="ClientApp\src\components\FetchedMarkDown.css" />
     <None Remove="ClientApp\src\components\FetchedMarkDown.js" />
     <None Remove="ClientApp\src\components\Layout\Footer.css" />
   </ItemGroup>
 
   <ItemGroup>
+    <Content Include="ClientApp\src\components\Controls\PackageInstallCommands.css" />
     <Content Include="ClientApp\src\components\Layout\Footer.css" />
     <Content Include="ClientApp\src\components\Layout\Footer.js" />
     <Content Include="ClientApp\src\components\Controls\FetchedMarkDown.css" />