UI bug fixes

This commit is contained in:
sairaj mote 2023-04-01 03:00:23 +05:30
parent 01413468c4
commit 06e10d42f9
4 changed files with 15 additions and 4 deletions

View File

@ -348,6 +348,12 @@ details .down-arrow {
margin-inline: 1.5rem;
}
.wrap-around {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
sm-chips {
--gap: 0.3rem;
}

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -334,6 +334,11 @@ details {
.margin-inline-1-5 {
margin-inline: 1.5rem;
}
.wrap-around {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
sm-chips {
--gap: 0.3rem;
}

View File

@ -59,7 +59,7 @@
<theme-toggle></theme-toggle>
</header>
<section id="kyc_section" class="grid gap-1-5">
<div class="flex align-center space-between gap-1">
<div class="flex flex-wrap align-center space-between gap-1">
<h2>
KYC Management
</h2>
@ -247,8 +247,8 @@
<label class="flex align-center">
<input type="checkbox" value=${btcID}/>
<div class="grid gap-0-3">
<span>BTC: ${btcID}</span>
<span>FLO: ${floID}</span>
<span class="wrap-around">BTC: ${btcID}</span>
<span class="wrap-around">FLO: ${floID}</span>
</div>
</label>
</li>