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

Remove spacer <p>s and embrace the grid-gap.

Browse source
This commit is contained in:
voussoir 2020-09-05 09:31:37 -07:00
parent 339fa6649f
commit 37df5a6443
2 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,9 +14,10 @@
<style> <style>
.tabbed_container .tab .tabbed_container .tab
{ {
display: grid;
grid-auto-flow: row;
grid-gap: 8px;
padding: 8px; padding: 8px;
display: flex;
flex-direction: column;
} }
#video_cards #video_cards
{ {
@ -169,7 +170,6 @@ https://stackoverflow.com/a/35153397
<div><button class="refresh_button button_with_spinner" onclick="return refresh_channel_form(false);">Refresh new videos</button></div> <div><button class="refresh_button button_with_spinner" onclick="return refresh_channel_form(false);">Refresh new videos</button></div>
<div><button class="refresh_button button_with_spinner" onclick="return refresh_channel_form(true);">Refresh everything</button></div> <div><button class="refresh_button button_with_spinner" onclick="return refresh_channel_form(true);">Refresh everything</button></div>
<p><!-- spacer --></p>
{% endif %} {% endif %}
<div>View <div>View
@ -188,8 +188,6 @@ https://stackoverflow.com/a/35153397
{% endfor %} {% endfor %}
</div> </div>
<p><!-- spacer --></p>
<div>Sort by <div>Sort by
<a class="merge_params" href="?orderby=published">Date</a> <a class="merge_params" href="?orderby=published">Date</a>
<a class="merge_params" href="?orderby=duration">Duration</a> <a class="merge_params" href="?orderby=duration">Duration</a>
@ -197,8 +195,6 @@ https://stackoverflow.com/a/35153397
<a class="merge_params" href="?orderby=random">Random</a> <a class="merge_params" href="?orderby=random">Random</a>
</div> </div>
<p><!-- spacer --></p>
<div id="video_cards"> <div id="video_cards">
<center><input disabled class="enable_on_pageload" type="text" id="search_filter"/></center> <center><input disabled class="enable_on_pageload" type="text" id="search_filter"/></center>
<center><span id="search_filter_count">{{videos|length}}</span> items</center> <center><span id="search_filter_count">{{videos|length}}</span> items</center>
@ -269,8 +265,6 @@ https://stackoverflow.com/a/35153397
<span id="set_automark_spinner" class="hidden">Working...</span> <span id="set_automark_spinner" class="hidden">Working...</span>
</div> </div>
<p><!-- spacer --></p>
<button class="red_button button_with_confirm" <button class="red_button button_with_confirm"
data-prompt="Delete channel and all videos?" data-prompt="Delete channel and all videos?"
data-onclick="return delete_channel_form();" data-onclick="return delete_channel_form();"

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

@ -12,10 +12,6 @@
<script src="/static/js/spinner.js"></script> <script src="/static/js/spinner.js"></script>
<style> <style>
#content_body
{
grid-gap: unset;
}
#new_channel_textbox, #new_channel_textbox,
#new_channel_button #new_channel_button
{ {