[ES-1337] Fixed the text overflow issue in claim details screen (mobi…

…le view). Signed-off-by: GurukiranP <[email protected]>
mosip · Jul 3, 2024 · ece222b · ece222b
1 parent 7c42eb8
commit ece222b
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/oidc-ui/src/App.css b/oidc-ui/src/App.css
@@ -294,6 +294,7 @@ body {
 
   .claims-list {
     width: 100vw;
+    overflow-wrap: anywhere;
   }
 
   .claims-list svg path {
@@ -306,13 +307,15 @@ body {
     color: var(--consent-details-available-color);
     display: flex;
     align-items: center;
+    margin-left: 1em;
   }
 
   .not-available-claim {
     font: var(--consent-details-unavailable-font);
     color: var(--consent-details-unavailable-color);
     display: flex;
     align-items: center;
+    margin-left: 1em;
   }
 
   .message {