Language selector

Interface/src/Components/home/home.component.html

@@ -4,7 +4,7 @@
     <ng-container *ngIf="isLoggedIn; else notLoggedIn">
       <h1 style="color: #20c0bd;">{{ 'WELCOME_TITLE' | translate }}</h1>
       <p style="color: #f7f8fc;">{{ 'WELCOME_SUBTITLE' | translate }}</p>
-      <button class="gif-button" (click)="onButtonClick()" routerLink="/dashboard" routerLinkActive="active" style="color: #f7f8fc;">
+      <button class="gif-button" (click)="onButtonClick()" routerLink="/dashboard" routerLinkActive="active" style="color: #f7f8fc; font-weight: bold; font-size: 24px;">
         <img src="assets/gif/report.webp" alt="Button GIF"> {{ 'CREATE_REPORT' | translate }}
       </button>
     </ng-container>

Interface/src/Components/navbar/navbar.component.css

@@ -173,7 +173,6 @@ body {
 
 .language-switcher select {
   appearance: none;
-  -webkit-appearance: none;
   -moz-appearance: none;
   padding: 6px 40px 6px 12px;
   border-radius: 6px;
@@ -185,7 +184,8 @@ body {
   cursor: pointer;
   position: relative;
   min-width: 120px;
-
+  margin-bottom: 10px;
+
   background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 10px center;

Interface/src/Components/navbar/navbar.component.html

@@ -11,12 +11,11 @@
 
   <ul class="navbar-links" [ngClass]="{ 'open': menuOpen }">
     <li class="language-switcher">
-        <label for="language-selector">🌐 &nbsp;</label>
         <select [value]="getCurrentLanguage()" (change)="switchLanguage($any($event.target).value)" id="language-selector">
-          <option value="en">English</option>
-          <option value="ar">العربية</option>
-          <option value="fr">français</option>
-          <option value="es">español</option>
+          <option value="en">🌍 English</option>
+          <option value="ar"> 🌍 العربية</option>
+          <option value="fr">🌍 français</option>
+          <option value="es">🌍 español</option>
         </select>
     </li>
     <li><a routerLink="/home" routerLinkActive="active active-link" [routerLinkActiveOptions]="{ exact: true }">{{ 'HOME' | translate }}</a></li>

Interface/src/Components/signup/signup.component.html

@@ -5,7 +5,7 @@
       <div class="col-12 col-lg-9 col-xl-7">
         <div class="card shadow-2-strong card-registration">
           <div class="card-body p-4 p-md-5">
-            <h3 class="mb-4 pb-2 pb-md-0 mb-md-5">{{ 'SIGNUP' | translate }}</h3>
+            <h3 class="mb-4 pb-2 pb-md-0 mb-md-5" style="text-align: center;">{{ 'SIGNUP' | translate }}</h3>
             <form #signupForm="ngForm" (ngSubmit)="onSubmit(signupForm)">
               <!-- Full Name and User Name -->
               <div class="row">
@@ -118,7 +118,7 @@ <h3 class="mb-4 pb-2 pb-md-0 mb-md-5">{{ 'SIGNUP' | translate }}</h3>
               </div>
 
               <!-- Submit Button -->
-              <div class="mt-4 pt-2">
+              <div class="mt-4 pt-2 text-center">
                 <button type="submit" class="btn btn-primary btn-lg" [disabled]="signupForm.invalid">{{ 'REGISTER' | translate }}</button>
               </div>
             </form>

Interface/src/assets/i18n/en.json

@@ -1,6 +1,6 @@
 {
   "HOME": "Home",
-  "ABOUT_US": "About Us",
+  "ABOUT_US": "About",
   "INSIGHTS": "Insights",
   "LOGOUT": "Logout",
   "LOGIN": "Login",