Merge branch '283-layout-of-help-pages-is-mediocre' into 'development'

Resolve "Layout of  Help Pages is mediocre"

See merge request sharing/codeability-sharing-platform!108

src/main/webapp/app/editorialPages/markDownViewer/markDownViewer.component.html

-<div *ngIf="page">
+<div class="md-Container" *ngIf="page">
   <markdown
     #pageMarkDown
     katex

src/main/webapp/app/editorialPages/markDownViewer/markDownViewer.component.scss

+.md-Container {
+  padding: 20px;
+}

src/main/webapp/app/layouts/footer/footer.component.html

 <footer>
-  <div class="footer fixed-bottom">
-    <div class="row">
-      <div class="col-lg-3 col-md-12 col-sm-12">
-        <a href="https://codeability.uibk.ac.at/" jhiTranslate="global.footer.about">About codeAbility</a>
-      </div>
-      <div class="col-lg-3 col-md-12 col-sm-12">
-        <a href="https://www.uibk.ac.at/informatik/" jhiTranslate="global.footer.imprint">Imprint</a>
-      </div>
-      <div class="col-lg-3 col-md-12 col-sm-12">
-        <a jhiTranslate="global.footer.privacy" routerLink="/datapolicy" routerLinkActive="active">Privacy</a>
-      </div>
-    </div>
-    <div style="float: right; font-size: 50%; padding-top: 15px" *ngIf="applicationInfoService.getDeploymentInfo().branch">
-      {{ applicationInfoService.getDeploymentInfo().branch }}/{{ applicationInfoService.getDeploymentInfo().commitId }} ({{
-        applicationInfoService.getDeploymentInfo().deploymentDate
-      }})
-    </div>
-  </div>
+	<div class="footer fixed-bottom">
+		<div class="container">
+			<div class="row">
+				<div class="col-4">
+					<a href="https://codeability.uibk.ac.at/"
+						jhiTranslate="global.footer.about">About codeAbility</a>
+				</div>
+				<div class="col-4">
+					<a href="https://www.uibk.ac.at/informatik/"
+						jhiTranslate="global.footer.imprint">Imprint</a>
+				</div>
+				<div class="col-4">
+					<a jhiTranslate="global.footer.privacy" routerLink="/datapolicy"
+						routerLinkActive="active">Privacy</a>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-9"></div>
+				<div class="col-3"
+					style="float: right; font-size: 50%; padding-top: 15px"
+					*ngIf="applicationInfoService.getDeploymentInfo().branch">{{
+					applicationInfoService.getDeploymentInfo().branch }}/{{
+					applicationInfoService.getDeploymentInfo().commitId }} ({{
+					applicationInfoService.getDeploymentInfo().deploymentDate }})</div>
+			</div>
+		</div>
+	</div>
 </footer>