Fixed buttons being too small on mobile

This commit is contained in:
Tracker-Friendly 2024-07-31 10:41:09 +01:00
parent 65c605fffc
commit 85630d87b5
3 changed files with 10 additions and 15 deletions

View File

@ -67,10 +67,9 @@
</div>
<div class="links">
<a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source
Code</a>
<a href="/privacy"><img src="/static/svg/info.svg" alt="">Privacy &amp; Terms</a>
<a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt="">Discord</a>
<a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt=""><div class="vAlign">Source Code</div></a>
<a href="/privacy"><img src="/static/svg/info.svg" alt=""><div class="vAlign">Privacy &amp; Terms</div></a>
<a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt=""><div class="vAlign">Discord</div></a>
</div>
<br>
</body>

View File

@ -70,8 +70,7 @@
</table>
<br>
<button class="clickButton" id="signupButton">Create account</button><button id="opButton" class="clickButton nonimportant">Already have an account</button><br><br>
<div style="display: flex;"><p class="hidden" id="homeserver">Your homeserver is loading... </p><div style="display: flex;flex-direction: column;justify-content: center;"><a class="hidden" href="/homeserver">Change</a></div></div>
<a class="iconbutton" title="Change homeserver" href="/homeserver/"><img src="/static/svg/server.svg" alt="Homeservers"></a>
<a class="iconbutton" title="Change homeserver" href="/homeserver/"><div class="vcenter"><img src="/static/svg/server.svg" alt="Homeservers"></div></a>
<a href="/privacy/">Privacy &amp; Terms</a>
</div>
</div>

View File

@ -360,6 +360,7 @@ body {
border-radius: 8px;
border: none;
transition: 0.125s;
padding: 0;
}
.notesBar .remove {
@ -566,12 +567,11 @@ button:hover {
}
.optionsDiv img {
height: 18px;
height: 20px;
padding-right: 5px;
position: absolute;
left: 20px;
scale: 1.3;
transform: translateY(1px);
scale: 1.2;
filter: invert(var(--invertdm))
}
@ -639,7 +639,6 @@ button:hover {
margin-left: auto;
height: 40px;
font-size: 16px;
transform: translateY(-2px);
}
.sessionDiv img {
@ -759,7 +758,6 @@ button:hover {
.inoutdiv .iconbutton img {
height: 20px;
transform: translateY(10px);
}
.inoutdiv .iconbutton:hover {
@ -984,11 +982,11 @@ button:hover {
text-decoration: none;
background-color: var(--bar);
color: var(--text-color);
padding: 3px 10px 10px;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
transition: background-color .2s;
display: inline-block;
display: inline-flex;
}
.links a:hover {
@ -996,8 +994,7 @@ button:hover {
}
.links a img {
transform: translateY(5px);
padding-right: 10px;
margin-right: 10px;
filter: invert(var(--invertdm));
}