voussoir/ycdl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Replace margin with grid-row-gap.

Browse source
This commit is contained in:
voussoir 2021-06-04 20:48:51 -07:00
parent 67619c506e
commit 742034d287
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontends/ycdl_flask/templates/channels.html
View file

@ -17,17 +17,25 @@
{ {
width: 200px; width: 200px;
} }
#channel_list
{
display: grid;
grid-row-gap: 8px;
}
.channel_card .channel_card
{ {
margin: 8px 0;
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid black; border: 1px solid black;
} }
.channel_card_pending .channel_card_pending
{ {
background-color: #ffffaa; background-color: #ffffaa;
} }
.channel_card_no_pending .channel_card_no_pending
{ {
background-color: #aaffaa; background-color: #aaffaa;
@ -46,7 +54,7 @@
<button id="new_channel_button" class="button_with_spinner" onclick="return add_channel_form();">Add new channel</button> <button id="new_channel_button" class="button_with_spinner" onclick="return add_channel_form();">Add new channel</button>
</div> </div>
<div id="channels"> <div id="channel_list">
{% for channel in channels|sort(attribute='name', case_sensitive=False) %} {% for channel in channels|sort(attribute='name', case_sensitive=False) %}
{% if channel.has_pending() %} {% if channel.has_pending() %}
<div class="channel_card channel_card_pending"> <div class="channel_card channel_card_pending">