Noch ein paar kleine Layoutoptimierungen

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

@@ -2,28 +2,23 @@
   <div class="footer fixed-bottom">
     <div class="container">
       <div class="row">
+          <div class="position-absolute" style="right:0px;padding-right:10px;font-size:small"         
+          *ngIf="applicationInfoService.getDeploymentInfo().branch"
+          >
+          {{ applicationInfoService.getDeploymentInfo().branch }}/{{ applicationInfoService.getDeploymentInfo().commitId }} ({{
+            applicationInfoService.getDeploymentInfo().deploymentDate
+          }})
+        </div>
         <div class="col-4">
-          <a href="https://codeability.uibk.ac.at/" jhiTranslate="global.footer.about">About codeAbility</a>
+          <a href="https://codeability.uibk.ac.at/" title="test" 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">
+        <div class="col-4" style="">
           <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>

src/main/webapp/app/layouts/main/main.component.scss

@@ -7,7 +7,7 @@
 //   }
 
 .pad {
-  padding-top: 140px;
+  padding-top: 80px;
 }
 @media screen and (max-width: 992px) {
   .pad {

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

@@ -17,11 +17,11 @@
   >
     <ul class="navbar-nav container-fluid">
       <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
-        <a class="nav-link" routerLink="/" (click)="collapseNavbar()">
+        <a class="nav-link" routerLink="/" (click)="collapseNavbar()" style="padding:0px">
           <span>
             <div class="row">
-              <div style="background-color: white; border-radius: 5px; padding: 5px">
-                <img src="/content/img/logo-top.png" alt="codeAbility" width="168px" />
+              <div style="background-color: white; border-radius: 5px; padding: 0px">
+                <img src="/content/img/logo-top.png" title="codeAbility Home" alt="codeAbility" width="150px" />
               </div>
             </div>
             <!-- <span jhiTranslate="global.menu.home">Home</span> -->

src/main/webapp/content/scss/navbar.scss

@@ -143,7 +143,7 @@ svg {
 
 .footer {
   width: 100%;
-  min-height: 64px;
+  min-height: 34px;
   max-height: fit-content;
   display: flex;
   flex-direction: row;