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>
<div class="links"> <div class="links">
<a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source <a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt=""><div class="vAlign">Source Code</div></a>
Code</a> <a href="/privacy"><img src="/static/svg/info.svg" alt=""><div class="vAlign">Privacy &amp; Terms</div></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=""><div class="vAlign">Discord</div></a>
<a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt="">Discord</a>
</div> </div>
<br> <br>
</body> </body>

View File

@ -70,8 +70,7 @@
</table> </table>
<br> <br>
<button class="clickButton" id="signupButton">Create account</button><button id="opButton" class="clickButton nonimportant">Already have an account</button><br><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/"><div class="vcenter"><img src="/static/svg/server.svg" alt="Homeservers"></div></a>
<a class="iconbutton" title="Change homeserver" href="/homeserver/"><img src="/static/svg/server.svg" alt="Homeservers"></a>
<a href="/privacy/">Privacy &amp; Terms</a> <a href="/privacy/">Privacy &amp; Terms</a>
</div> </div>
</div> </div>

View File

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