make pronouns look better on small screens

This commit is contained in:
Late Night Defender 2024-07-04 01:35:46 +07:00
parent f2431b11bc
commit 4e0ee79409
2 changed files with 6 additions and 5 deletions

View file

@ -59,9 +59,10 @@ h1 {
} }
.pronouns { .pronouns {
font-size: 12pt; font-size: 10pt;
opacity: 0.5; opacity: 0.5;
margin-left: 0.25cm; margin-top: -0.5cm;
margin-bottom: 0.5cm;
} }
.section { .section {

View file

@ -53,7 +53,7 @@
<div class="listaction"> <div class="listaction">
<img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> <img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">
<div> <div>
<div style="display: flex; align-items: center;"> <div>
<h3>Late Night Defender</h3> <h3>Late Night Defender</h3>
<p class="pronouns">she/they</p> <p class="pronouns">she/they</p>
</div> </div>
@ -66,7 +66,7 @@
<div class="listaction"> <div class="listaction">
<img src="https://gitlab.com/uploads/-/system/user/avatar/9471734/avatar.png" alt="latenightdef" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> <img src="https://gitlab.com/uploads/-/system/user/avatar/9471734/avatar.png" alt="latenightdef" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">
<div> <div>
<div style="display: flex; align-items: center;"> <div>
<h3>NekoVari</h3> <h3>NekoVari</h3>
<p class="pronouns">he/they</p> <p class="pronouns">he/they</p>
</div> </div>
@ -78,7 +78,7 @@
<div class="listaction"> <div class="listaction">
<img src="avatars/srp-rottenmango.webp" alt="srp-mangoeater" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> <img src="avatars/srp-rottenmango.webp" alt="srp-mangoeater" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">
<div> <div>
<div style="display: flex; align-items: center;"> <div>
<h3>SRP mangoeater</h3> <h3>SRP mangoeater</h3>
<p class="pronouns">she/her</p> <p class="pronouns">she/her</p>
</div> </div>