From 5246be81859da8268fe97738baa1bca7fa8ab87f Mon Sep 17 00:00:00 2001
From: Milad Raeisi <6504337+miladsoft@users.noreply.github.com>
Date: Thu, 23 May 2024 10:29:06 +0400
Subject: [PATCH] fix: Ensure long text content fits within mat-card element
 (#344)

Applied CSS styles to control the appearance of the text content within the mat-card element, preventing overflow issues. The text is now contained within a <div> element with a maximum height and scrolling capability for improved user experience.
---
 angular/src/app/sign/sign.component.css  | 3 +++
 angular/src/app/sign/sign.component.html | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/angular/src/app/sign/sign.component.css b/angular/src/app/sign/sign.component.css
index 96567ae3..347d4e35 100644
--- a/angular/src/app/sign/sign.component.css
+++ b/angular/src/app/sign/sign.component.css
@@ -17,3 +17,6 @@
 .verify-status {
   text-align: center;
 }
+.overflow-auto{
+  overflow: auto;
+}
diff --git a/angular/src/app/sign/sign.component.html b/angular/src/app/sign/sign.component.html
index 9e53cbee..73141a00 100644
--- a/angular/src/app/sign/sign.component.html
+++ b/angular/src/app/sign/sign.component.html
@@ -17,7 +17,7 @@
           </mat-select>
         </mat-form-field>
 
-        <mat-card class="selectable">{{ address.value }}</mat-card
+        <mat-card class="selectable overflow-auto">{{ address.value }}</mat-card
         ><br />
 
         <mat-form-field class="sign-full-width" appearance="fill">