Improve multi-line text

fttx · Oct 3, 2021 · abe1a65 · abe1a65
1 parent 86ceba1
commit abe1a65
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/pages/scan-session/scan-session.html b/src/pages/scan-session/scan-session.html
@@ -37,10 +37,10 @@
 		<button ion-item *virtualItem="let scan; let i = index" (click)="onItemClicked(scan, i)" (press)="onItemPressed(scan, i)" [color]="scan.repeated ? 'light' : 'default'">
 			<ion-grid no-padding>
 				<ion-row>
-					<ion-col align-self-start col-1>
+					<ion-col align-self-start col-1 class="status-icon">
 						<ion-icon [name]="scan.ack ? 'checkmark-circle' : 'alert'" [style.color]="scan.ack ? 'green' : 'red'"></ion-icon>
 					</ion-col>
-					<ion-col>
+					<ion-col text-wrap>
 						{{ scan.displayValue }}
 					</ion-col>
 				</ion-row>

diff --git a/src/pages/scan-session/scan-session.scss b/src/pages/scan-session/scan-session.scss
@@ -17,4 +17,15 @@ page-scan-session {
       height: 26px;
       opacity: .7;
     }
+
+    ion-row {
+      align-items: center !important;
+    }
+
+    .status-icon {
+      align-self: unset !important;
+      margin: 0 !important;
+      font-size: 2rem !important;
+      line-height: 2rem !important;
+    }
 }