src/Client/src/app/pages/main/company/company.component.css

@@ -30,4 +30,15 @@ button {
     margin: 10px;
     overflow: scroll;
     padding: 10px;
+    color: var(--Mistox-White);
+}
+
+.center-item {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+}
+
+.center-item img {
+    width: 300px;
 }

src/Client/src/app/pages/main/company/company.component.html

@@ -4,11 +4,16 @@
 </div>
 <div class="content-frame">
     <div *ngIf="Comp != null">
-        <h1>{{ Comp.name }}</h1>
-        <h1>{{ Comp.email }}</h1>
+        <div class="center-item">
+            <div><a [href]="'mailto:' + Comp.email" >{{ Comp.email }}</a></div>
+            <div><h1>{{ Comp.name }}</h1></div>
+            <div><a [href]="Comp.websiteURL">{{ Comp.websiteURL }}</a></div>
+        </div>
+        <div class="center-item">
+            <img [src]="Comp.logo" />
+        </div>
         <h1>{{ Comp.emailVerified }}</h1>
-        <h1>{{ Comp.websiteURL }}</h1>
-        <h1>{{ Comp.logo }}</h1>
+        
         <h1>{{ Comp.phone }}</h1>
         <h1>{{ Comp.postalCode }}</h1>
         <h1>{{ Comp.country }}</h1>