MOSIP:32055 - UI fix for arabic lang. (#710)

Signed-off-by: sudeep <[email protected]>
mosip · Mar 29, 2024 · a24a821 · a24a821
1 parent d455038
commit a24a821
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/src/app/features/project/add-project/add-project.component.css b/src/app/features/project/add-project/add-project.component.css
@@ -19,9 +19,6 @@
 ::ng-deep .span .mat-radio-button:nth-child(2) {
   margin-left: 0;
 }
-.android-sdk{
-  margin-left: 36px !important;
-}
 .rowContainer {
   display: flex;
   flex-direction: row;
@@ -52,9 +49,6 @@
 .mat-radio-button ~ .mat-radio-button {
   margin-left: 0px;
 }
-.mat-radio-button ~ .mat-radio-button ~ .mat-radio-button {
-  margin-left: 40px; 
-}
 .required-annotation {
   color: red;
   margin-left: 3px;
@@ -109,6 +103,11 @@
 .deviceImgFieldWrapper{
   width: 30%;
 }
+.addProjectType{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
 @media screen and (max-width: 2560px) {
   .fieldContainerBox {
     width: 250px;

diff --git a/src/app/features/project/add-project/add-project.component.html b/src/app/features/project/add-project/add-project.component.html
@@ -19,15 +19,15 @@
                         <div class="projectTypeBt">
                             <mat-radio-group aria-label="Select an option" formControlName="projectType" appearance="legacy"
                                 (change)="handleProjectTypeChange()">
-                                <span *ngIf="!isAndroidAppMode">
+                                <span *ngIf="!isAndroidAppMode" class="addProjectType">
                                     <mat-radio-button value="SBI" [ngStyle]="buttonPosition">SBI</mat-radio-button>
-                                    <mat-radio-button value="SDK">SDK</mat-radio-button>
                                     <mat-radio-button value="ABIS" [disabled]="!isAbisPartner" [title]="abisOptionTitle">ABIS</mat-radio-button>
+                                    <mat-radio-button value="SDK">SDK</mat-radio-button>
                                 </span>
-                                <span *ngIf="isAndroidAppMode">
+                                <span *ngIf="isAndroidAppMode" class="addProjectType">
                                     <mat-radio-button value="SBI">SBI</mat-radio-button>
-                                    <mat-radio-button value="SDK" disabled="true" class="android-sdk">SDK</mat-radio-button>
                                     <mat-radio-button value="ABIS" disabled="true">ABIS</mat-radio-button>
+                                    <mat-radio-button value="SDK" disabled="true" class="android-sdk">SDK</mat-radio-button>
                                 </span>
                             </mat-radio-group>
                             <mat-error