1
0
mirror of https://github.com/spl0k/supysonic.git synced 2024-12-22 08:56:17 +00:00

Fixes spacing between elements on small screens

This commit is contained in:
Óscar García Amor 2024-12-02 18:37:44 +01:00
parent d71a2e04fd
commit 86af0f3ffa
No known key found for this signature in database
GPG Key ID: E18B2370D3D566EE
2 changed files with 8 additions and 8 deletions

View File

@ -16,8 +16,8 @@
<p>There's nothing much to see here. If you want to listen to some music, <p>There's nothing much to see here. If you want to listen to some music,
you'll have to use one of the available clients. Here's a small list of you'll have to use one of the available clients. Here's a small list of
clients that have been tested.</p> clients that have been tested.</p>
<div class="row mb-3"> <div class="row">
<div class="col"> <div class="col mb-3">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
Web-based Web-based
@ -30,7 +30,7 @@ clients that have been tested.</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col mb-3">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
Android apps Android apps

View File

@ -26,8 +26,8 @@
<h2 class="mt-4 pb-2 border-bottom">{{ user.name }}{% if user.admin %} <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-person-up" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="{% if request.user.id == user.id %}You're an admin!{% else %}The user is an admin!{% endif %}" aria-label="{% if request.user.id == user.id %}You're an admin!{% else %}The user is an admin!{% endif %}" viewBox="0 0 16 16"> <h2 class="mt-4 pb-2 border-bottom">{{ user.name }}{% if user.admin %} <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-person-up" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="{% if request.user.id == user.id %}You're an admin!{% else %}The user is an admin!{% endif %}" aria-label="{% if request.user.id == user.id %}You're an admin!{% else %}The user is an admin!{% endif %}" viewBox="0 0 16 16">
<path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m.256 7a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1zm3.63-4.54c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382zM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/> <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m.256 7a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1zm3.63-4.54c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382zM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/>
</svg>{% endif %}</h2> </svg>{% endif %}</h2>
<div class="row mb-3"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 mb-3">
<form> <form>
<div class="input-group"> <div class="input-group">
<span class="input-group-text">User eMail</span> <span class="input-group-text">User eMail</span>
@ -36,7 +36,7 @@
</div> </div>
</form> </form>
</div> </div>
<div class="col-md-6"> <div class="col-md-6 mb-3">
<form> <form>
<div class="input-group"> <div class="input-group">
<span class="input-group-text">LastFM status</span> <span class="input-group-text">LastFM status</span>
@ -55,8 +55,8 @@
</form> </form>
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 mb-3">
<form> <form>
<div class="input-group"> <div class="input-group">
<span class="input-group-text">ListenBrainz status</span> <span class="input-group-text">ListenBrainz status</span>