make pronouns look better on small screens
This commit is contained in:
parent
f2431b11bc
commit
4e0ee79409
2 changed files with 6 additions and 5 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue