Commit 19cb817e authored by echel0n's avatar echel0n
Browse files

Refactored table class spacing/padding and column widths

parent 5a27b146
# Changelog # Changelog
- * 5faf901 - 2018-07-27: Pre-Release v9.3.56.dev6 - * 4128407 - 2018-07-27: Refactored table class spacing/padding and column widths
- * 5a27b14 - 2018-07-27: Pre-Release v9.3.56.dev6
- * 76afe3b - 2018-07-27: Refactored content column size for large devices, small to medium devices are now full-width - * 76afe3b - 2018-07-27: Refactored content column size for large devices, small to medium devices are now full-width
- * 9f09e96 - 2018-07-27: Refactored preview rename view CSS - * 9f09e96 - 2018-07-27: Refactored preview rename view CSS
- * e39068a - 2018-07-27: Pre-Release v9.3.56.dev5 - * e39068a - 2018-07-27: Pre-Release v9.3.56.dev5
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
${parameter} ${parameter}
% endif % endif
</td> </td>
<td class="text-center"> <td class="table-fit">
% if required: % if required:
<span class="fas fa-check text-success" title="${_('Yes')}"></span> <span class="fas fa-check text-success" title="${_('Yes')}"></span>
% else: % else:
......
...@@ -462,7 +462,7 @@ ...@@ -462,7 +462,7 @@
</div> </div>
<div id="naming_key" class="nocheck" style="display: none;"> <div id="naming_key" class="nocheck" style="display: none;">
<table class="table table-bordered table-dark Key"> <table class="table">
<thead class="table-secondary text-black-50"> <thead class="table-secondary text-black-50">
<tr> <tr>
<th class="align-right">${_('Meaning')}</th> <th class="align-right">${_('Meaning')}</th>
...@@ -735,7 +735,7 @@ ...@@ -735,7 +735,7 @@
</div> </div>
<div id="naming_abd_key" class="nocheck" style="display: none;"> <div id="naming_abd_key" class="nocheck" style="display: none;">
<table class="table table-bordered table-dark Key"> <table class="table">
<thead class="table-secondary text-black-50"> <thead class="table-secondary text-black-50">
<tr> <tr>
<th class="align-right">${_('Meaning')}</th> <th class="align-right">${_('Meaning')}</th>
...@@ -949,7 +949,7 @@ ...@@ -949,7 +949,7 @@
</div> </div>
<div id="naming_sports_key" class="nocheck" style="display: none;"> <div id="naming_sports_key" class="nocheck" style="display: none;">
<table class="table table-bordered table-dark Key"> <table class="table">
<thead class="table-secondary text-black-50"> <thead class="table-secondary text-black-50">
<tr> <tr>
<th class="align-right">${_('Meaning')}</th> <th class="align-right">${_('Meaning')}</th>
...@@ -1169,7 +1169,7 @@ ...@@ -1169,7 +1169,7 @@
</div> </div>
<div id="naming_anime_key" class="nocheck" style="display: none;"> <div id="naming_anime_key" class="nocheck" style="display: none;">
<table class="table table-bordered table-dark Key"> <table class="table">
<thead class="table-secondary text-black-50"> <thead class="table-secondary text-black-50">
<tr> <tr>
<th class="align-right">${_('Meaning')}</th> <th class="align-right">${_('Meaning')}</th>
......
This diff is collapsed.
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
% endif % endif
<div class="col"> <div class="col">
<div class="input-group w-50 mx-auto text-center"> <div class="input-group mx-auto" style="width: 30%">
<div class="input-group-prepend"> <div class="input-group-prepend">
<button id="prevShow" class="btn fas fa-arrow-left"></button> <button id="prevShow" class="btn fas fa-arrow-left"></button>
</div> </div>
...@@ -232,11 +232,11 @@ ...@@ -232,11 +232,11 @@
<td> <td>
<ul class="list-group d-inline"> <ul class="list-group d-inline">
% if not show.imdbid and show.genre: % if not show.imdbid and show.genre:
% for genre in show.genre[1:-1].split(','): % for genre in show.genre.split(','):
<a href="${anon_url('http://trakt.tv/shows/popular/?genres=', genre.lower())}" <a href="${anon_url('http://trakt.tv/shows/popular/?genres=', genre.lower())}"
target="_blank" target="_blank"
title="View other popular ${genre} shows on trakt.tv."> title="View other popular ${genre} shows on trakt.tv.">
<li class="list-group-item badge badge-primary">${genre}</li> <li class="badge badge-primary">${genre}</li>
</a> </a>
% endfor % endfor
% endif % endif
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
<a href="${anon_url('http://trakt.tv/shows/popular/?genres=', imdbgenre.lower())}" <a href="${anon_url('http://trakt.tv/shows/popular/?genres=', imdbgenre.lower())}"
target="_blank" target="_blank"
title="View other popular ${imdbgenre} shows on trakt.tv."> title="View other popular ${imdbgenre} shows on trakt.tv.">
<li class="list-inline-item badge badge-primary">${imdbgenre}</li> <li class="badge badge-primary">${imdbgenre}</li>
</a> </a>
% endfor % endfor
% endif % endif
...@@ -387,7 +387,7 @@ ...@@ -387,7 +387,7 @@
<div class="row mt-1"> <div class="row mt-1">
<div class="col text-left"> <div class="col text-left">
<div class="input-group"> <div class="input-group w-50">
<select id="statusSelect" title="Change selected episode statuses" class="form-control"> <select id="statusSelect" title="Change selected episode statuses" class="form-control">
<% availableStatus = [WANTED, SKIPPED, IGNORED, FAILED] %> <% availableStatus = [WANTED, SKIPPED, IGNORED, FAILED] %>
% if sickrage.app.developer: % if sickrage.app.developer:
...@@ -446,9 +446,6 @@ ...@@ -446,9 +446,6 @@
<button class="btn mt-1 mb-1 clearAll"> <button class="btn mt-1 mb-1 clearAll">
${_('Clear All')} ${_('Clear All')}
</button> </button>
<button class="btn mt-1 mb-1" id="popover" type="button">
${_('Select Columns')} <b class="caret"></b>
</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -532,27 +529,25 @@ ...@@ -532,27 +529,25 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="table-responsive"> <div class="table-responsive">
<table id="${("showTable", "animeTable")[bool(show.is_anime)]}" <table id="${("showTable", "animeTable")[bool(show.is_anime)]}" class="table display_show" style="opacity: .80">
class="table display_show"
style="opacity: .80" cellspacing="0" border="0" cellpadding="0">
<thead> <thead>
<tr class="seasoncols"> <tr class="seasoncols">
<th data-sorter="false" data-priority="critical" class="table-fit col-checkbox"> <th data-sorter="false" data-priority="critical" class="col-checkbox">
<input type="checkbox" class="seasonCheck" id="${epResult["season"]}"/> <input type="checkbox" class="seasonCheck" id="${epResult["season"]}"/>
</th> </th>
<th data-sorter="false" class="table-fit col-metadata">${_('NFO')}</th> <th data-sorter="false" class="col-metadata">${_('NFO')}</th>
<th data-sorter="false" class="table-fit col-metadata">${_('TBN')}</th> <th data-sorter="false" class="col-metadata">${_('TBN')}</th>
<th data-sorter="false" class="table-fit col-ep episode">${_('Episode')}</th> <th data-sorter="false" class="col-ep episode">${_('Episode')}</th>
<th data-sorter="false" ${("class=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit col-ep\"")[bool(show.is_anime)]}>${_('Absolute')}</th> <th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(show.is_anime)]}>${_('Absolute')}</th>
<th data-sorter="false" ${("class=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit col-ep\"")[bool(scene)]}>${_('Scene')}</th> <th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(scene)]}>${_('Scene')}</th>
<th data-sorter="false" ${("class=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit col-ep\"")[bool(scene_anime)]}>${_('Scene Absolute')}</th> <th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(scene_anime)]}>${_('Scene Absolute')}</th>
<th data-sorter="false" class="col-name">${_('Name')}</th> <th data-sorter="false" class="col-name">${_('Name')}</th>
<th data-sorter="false" class="table-fit col-ep columnSelector-false size">${_('Size')}</th> <th data-sorter="false" class="col-ep columnSelector-false size">${_('Size')}</th>
<th data-sorter="false" class="table-fit col-airdate">${_('Airdate')}</th> <th data-sorter="false" class="col-airdate">${_('Airdate')}</th>
<th data-sorter="false" ${("class=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit col-ep\"")[bool(sickrage.app.config.download_url)]}>${_('Download')}</th> <th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(sickrage.app.config.download_url)]}>${_('Download')}</th>
<th data-sorter="false" ${("class=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit col-ep\"")[bool(sickrage.app.config.use_subtitles)]}>${_('Subtitles')}</th> <th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(sickrage.app.config.use_subtitles)]}>${_('Subtitles')}</th>
<th data-sorter="false" class="table-fit col-status">${_('Status')}</th> <th data-sorter="false" class="col-status">${_('Status')}</th>
<th data-sorter="false" class="table-fit col-search">${_('Search')}</th> <th data-sorter="false" class="col-search">${_('Search')}</th>
</tr> </tr>
</thead> </thead>
...@@ -566,7 +561,7 @@ ...@@ -566,7 +561,7 @@
<tr class="${Overview.overviewStrings[epCats[epStr]]} season-${curSeason} seasonstyle font-weight-bold text-dark" <tr class="${Overview.overviewStrings[epCats[epStr]]} season-${curSeason} seasonstyle font-weight-bold text-dark"
id="S${str(epResult["season"])}E${str(epResult["episode"])}"> id="S${str(epResult["season"])}E${str(epResult["episode"])}">
<td class="col-checkbox"> <td class="table-fit col-checkbox">
% if int(epResult["status"]) != UNAIRED: % if int(epResult["status"]) != UNAIRED:
<input type="checkbox" class="epCheck" <input type="checkbox" class="epCheck"
id="${str(epResult["season"])}x${str(epResult["episode"])}" id="${str(epResult["season"])}x${str(epResult["episode"])}"
...@@ -574,15 +569,15 @@ ...@@ -574,15 +569,15 @@
% endif % endif
</td> </td>
<td align="center"> <td class="table-fit">
<i class="fas ${("fa-times", "fa-check")[epResult["hasnfo"]]}"></i> <i class="fas ${("fa-times", "fa-check")[epResult["hasnfo"]]}"></i>
</td> </td>
<td align="center"> <td class="table-fit">
<i class="fas ${("fa-times", "fa-check")[epResult["hastbn"]]}"></i> <i class="fas ${("fa-times", "fa-check")[epResult["hastbn"]]}"></i>
</td> </td>
<td align="center"> <td class="table-fit">
<% <%
text = str(epResult['episode']) text = str(epResult['episode'])
if epLoc != '' and epLoc is not None: if epLoc != '' and epLoc is not None:
...@@ -591,9 +586,9 @@ ...@@ -591,9 +586,9 @@
${text} ${text}
</td> </td>
<td align="center">${epResult["absolute_number"]}</td> <td class="table-fit">${epResult["absolute_number"]}</td>
<td align="center"> <td class="table-fit">
<input placeholder="${str(dfltSeas)}x${str(dfltEpis)}" size="6" <input placeholder="${str(dfltSeas)}x${str(dfltEpis)}" size="6"
maxlength="8" maxlength="8"
class="sceneSeasonXEpisode form-control input-scene" class="sceneSeasonXEpisode form-control input-scene"
...@@ -609,9 +604,9 @@ ...@@ -609,9 +604,9 @@
style="padding: 0; text-align: center; max-width: 60px;"/> style="padding: 0; text-align: center; max-width: 60px;"/>
</td> </td>
<td align="center"> <td class="table-fit">
<input placeholder="${str(dfltAbsolute)}" size="6" maxlength="8" <input placeholder="${str(dfltAbsolute)}" size="6" maxlength="8"
class="sceneAbsolute form-control input-scene" class="sceneAbsolute form-control d-inline input-scene"
data-for-absolute="${epResult["absolute_number"]}" data-for-absolute="${epResult["absolute_number"]}"
id="sceneAbsolute_${show.indexerid}_${str(epResult["absolute_number"])}" id="sceneAbsolute_${show.indexerid}_${str(epResult["absolute_number"])}"
title="Change the value here if scene absolute numbering differs from the indexer absolute numbering" title="Change the value here if scene absolute numbering differs from the indexer absolute numbering"
...@@ -629,14 +624,14 @@ ...@@ -629,14 +624,14 @@
${epResult["name"]} ${epResult["name"]}
</td> </td>
<td class="text-nowrap col-ep"> <td class="table-fit text-nowrap col-ep">
% if epResult["file_size"]: % if epResult["file_size"]:
<% file_size = pretty_filesize(epResult["file_size"]) %> <% file_size = pretty_filesize(epResult["file_size"]) %>
${file_size} ${file_size}
% endif % endif
</td> </td>
<td class="col-airdate"> <td class="table-fit col-airdate">
% if int(epResult['airdate']) != 1: % if int(epResult['airdate']) != 1:
<% airDate = datetime.datetime.fromordinal(epResult['airdate']) %> <% airDate = datetime.datetime.fromordinal(epResult['airdate']) %>
...@@ -650,7 +645,7 @@ ...@@ -650,7 +645,7 @@
% endif % endif
</td> </td>
<td> <td class="table-fit">
% if sickrage.app.config.download_url and epResult['location']: % if sickrage.app.config.download_url and epResult['location']:
<% <%
filename = epResult['location'] filename = epResult['location']
...@@ -663,7 +658,7 @@ ...@@ -663,7 +658,7 @@
% endif % endif
</td> </td>
<td class="col-subtitles" align="center"> <td class="table-fit col-subtitles">
% for flag in (epResult["subtitles"] or '').split(','): % for flag in (epResult["subtitles"] or '').split(','):
% if sickrage.subtitles.name_from_code(flag).lower() != 'undetermined': % if sickrage.subtitles.name_from_code(flag).lower() != 'undetermined':
% if flag.strip() != 'und': % if flag.strip() != 'und':
...@@ -681,12 +676,12 @@ ...@@ -681,12 +676,12 @@
<% curStatus, curQuality = Quality.splitCompositeStatus(int(epResult["status"])) %> <% curStatus, curQuality = Quality.splitCompositeStatus(int(epResult["status"])) %>
% if curQuality != Quality.NONE: % if curQuality != Quality.NONE:
<td class="text-nowrap col-status">${statusStrings[curStatus]} ${renderQualityPill(curQuality)}</td> <td class="table-fit text-nowrap col-status">${statusStrings[curStatus]} ${renderQualityPill(curQuality)}</td>
% else: % else:
<td class="text-nowrap col-status">${statusStrings[curStatus]}</td> <td class="table-fit text-nowrap col-status">${statusStrings[curStatus]}</td>
% endif % endif
<td class="text-center col-search"> <td class="table-fit col-search">
% if int(epResult["season"]) != 0: % if int(epResult["season"]) != 0:
% if ( int(epResult["status"]) in Quality.SNATCHED + Quality.DOWNLOADED ): % if ( int(epResult["status"]) in Quality.SNATCHED + Quality.DOWNLOADED ):
<a class="epRetry" <a class="epRetry"
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</div> </div>
</div> </div>
<div class="col text-right"> <div class="col text-right">
<div class="form-inline m-1 d-inline-flex"> <div class="form-inline d-inline-flex">
% if sickrage.app.config.home_layout == 'poster': % if sickrage.app.config.home_layout == 'poster':
<div style="width: 100px" id="posterSizeSlider"></div> <div style="width: 100px" id="posterSizeSlider"></div>
% endif % endif
...@@ -274,21 +274,21 @@ ...@@ -274,21 +274,21 @@
<table id="showListTable${curListType}" class="table"> <table id="showListTable${curListType}" class="table">
<thead> <thead>
<tr> <tr>
<th class="table-fit text-nowrap">${_('Next Ep')}</th> <th>${_('Next Ep')}</th>
<th class="table-fit text-nowrap">${_('Prev Ep')}</th> <th>${_('Prev Ep')}</th>
<th class="${('', 'table-fit')[sickrage.app.config.home_layout in ['small', 'banner']]}">${_('Show')}</th> <th>${_('Show')}</th>
<th class="table-fit text-nowrap">${_('Network')}</th> <th>${_('Network')}</th>
<th class="table-fit">${_('Quality')}</th> <th>${_('Quality')}</th>
<th>${_('Downloads')}</th> <th>${_('Downloads')}</th>
<th class="table-fit text-nowrap">${_('Size')}</th> <th>${_('Size')}</th>
<th class="table-fit">${_('Active')}</th> <th>${_('Active')}</th>
<th class="table-fit">${_('Status')}</th> <th>${_('Status')}</th>
</tr> </tr>
</thead> </thead>
<tfoot> <tfoot>
<tr> <tr>
<th rowspan="1" colspan="1" align="center" class="text-nowrap"> <th>
<a href="${srWebRoot}/home/addShows/"> <a href="${srWebRoot}/home/addShows/">
${_('Add')} ${(_('Show'), _('Anime'))[curListType == 'Anime']} ${_('Add')} ${(_('Show'), _('Anime'))[curListType == 'Anime']}
</a> </a>
...@@ -309,7 +309,7 @@ ...@@ -309,7 +309,7 @@
% for curLoadingShow in sickrage.app.show_queue.loadingShowList: % for curLoadingShow in sickrage.app.show_queue.loadingShowList:
% if not curLoadingShow.show or curLoadingShow.show not in sickrage.app.showlist: % if not curLoadingShow.show or curLoadingShow.show not in sickrage.app.showlist:
<tr> <tr>
<td align="center">(${_('loading')})</td> <td class="table-fit">(${_('loading')})</td>
<td></td> <td></td>
<td> <td>
% if curLoadingShow.show is None: % if curLoadingShow.show is None:
...@@ -390,34 +390,34 @@ ...@@ -390,34 +390,34 @@
% if cur_airs_next: % if cur_airs_next:
<% airDate = srdatetime.srDateTime(tz_updater.parse_date_time(cur_airs_next, curShow.airs, curShow.network), convert=True).dt %> <% airDate = srdatetime.srDateTime(tz_updater.parse_date_time(cur_airs_next, curShow.airs, curShow.network), convert=True).dt %>
% try: % try:
<td class="align-middle text-center text-nowrap"> <td class="table-fit">
<time datetime="${airDate.isoformat()}" <time datetime="${airDate.isoformat()}"
class="date">${srdatetime.srDateTime(airDate).srfdate()}</time> class="date">${srdatetime.srDateTime(airDate).srfdate()}</time>
</td> </td>
% except ValueError: % except ValueError:
<td class="align-middle text-center text-nowrap"></td> <td class="table-fit"></td>
% endtry % endtry
% else: % else:
<td class="align-middle text-center text-nowrap"></td> <td class="table-fit"></td>
% endif % endif
% if cur_airs_prev: % if cur_airs_prev:
<% airDate = srdatetime.srDateTime(tz_updater.parse_date_time(cur_airs_prev, curShow.airs, curShow.network), convert=True).dt %> <% airDate = srdatetime.srDateTime(tz_updater.parse_date_time(cur_airs_prev, curShow.airs, curShow.network), convert=True).dt %>
% try: % try:
<td class="align-middle text-center text-nowrap"> <td class="table-fit">
<time datetime="${airDate.isoformat()}" class="date"> <time datetime="${airDate.isoformat()}" class="date">
${srdatetime.srDateTime(airDate).srfdate()} ${srdatetime.srDateTime(airDate).srfdate()}
</time> </time>
</td> </td>
% except ValueError: % except ValueError:
<td class="align-middle text-center text-nowrap"></td> <td class="table-fit"></td>
% endtry % endtry
% else: % else:
<td class="align-middle text-center text-nowrap"></td> <td class="table-fit"></td>
% endif % endif
% if sickrage.app.config.home_layout == 'small': % if sickrage.app.config.home_layout == 'small':
<td class="tvShow" align="center"> <td class="table-fit tvShow">
<a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}" <a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}"
title="${curShow.name}"> title="${curShow.name}">
<img src="${srWebRoot}${showImage(curShow.indexerid, 'poster_thumb').url}" <img src="${srWebRoot}${showImage(curShow.indexerid, 'poster_thumb').url}"
...@@ -426,7 +426,7 @@ ...@@ -426,7 +426,7 @@
</a> </a>
</td> </td>
% elif sickrage.app.config.home_layout == 'banner': % elif sickrage.app.config.home_layout == 'banner':
<td class="align-middle text-center"> <td class="table-fit">
<span style="display: none;">${curShow.name}</span> <span style="display: none;">${curShow.name}</span>
<a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}"> <a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}">
<img src="${srWebRoot}${showImage(curShow.indexerid, 'banner').url}" <img src="${srWebRoot}${showImage(curShow.indexerid, 'banner').url}"
...@@ -443,7 +443,7 @@ ...@@ -443,7 +443,7 @@
% endif % endif
% if sickrage.app.config.home_layout != 'simple': % if sickrage.app.config.home_layout != 'simple':
<td class="align-middle text-center"> <td class="table-fit">
% if curShow.network: % if curShow.network:
<span> <span>
<i class="sickrage-network sickrage-network-${network_class_name}" <i class="sickrage-network sickrage-network-${network_class_name}"
...@@ -459,14 +459,14 @@ ...@@ -459,14 +459,14 @@
% endif % endif
</td> </td>
% else: % else:
<td class="text-nowrap"> <td class="table-fit">
<span title="${curShow.network}">${curShow.network}</span> <span title="${curShow.network}">${curShow.network}</span>
</td> </td>
% endif % endif
<td class="align-middle text-center">${renderQualityPill(curShow.quality, showTitle=True)}</td> <td class="table-fit">${renderQualityPill(curShow.quality, showTitle=True)}</td>
<td class="align-middle text-center"> <td>
<span style="display: none;">${download_stat}</span> <span style="display: none;">${download_stat}</span>
<div class="bg-dark rounded shadow"> <div class="bg-dark rounded shadow">
<div class="progress-bar rounded " style="width: ${progressbar_percent}%" <div class="progress-bar rounded " style="width: ${progressbar_percent}%"
...@@ -477,16 +477,16 @@ ...@@ -477,16 +477,16 @@
</div> </div>
</td> </td>
<td class="align-middle text-center text-nowrap" data-show-size="${show_size}"> <td class="table-fit" data-show-size="${show_size}">
${pretty_filesize(show_size)} ${pretty_filesize(show_size)}
</td> </td>
<td class="align-middle text-center "> <td class="table-fit">
<% paused = int(curShow.paused) == 0 and curShow.status == 'Continuing' %> <% paused = int(curShow.paused) == 0 and curShow.status == 'Continuing' %>
<i class="fa ${("fa-times text-danger", "fa-check text-success")[bool(paused)]}"></i> <i class="fa ${("fa-times text-danger", "fa-check text-success")[bool(paused)]}"></i>
</td> </td>
<td class="align-middle text-center"> <td class="table-fit">
% if curShow.status and re.search(r'(?i)(?:new|returning)\s*series', curShow.status): % if curShow.status and re.search(r'(?i)(?:new|returning)\s*series', curShow.status):
${_('Continuing')} ${_('Continuing')}
% elif curShow.status and re.search('(?i)(?:nded)', curShow.status): % elif curShow.status and re.search('(?i)(?:nded)', curShow.status):
......
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
<table id="addRootDirTable" class="table"> <table id="addRootDirTable" class="table">
<thead> <thead>
<tr> <tr>
<th class="table-fit col-checkbox"><input type="checkbox" id="checkAll" checked=checked></th> <th class="col-checkbox"><input type="checkbox" id="checkAll" checked=checked></th>
<th>${_('Directory')}</th> <th>${_('Directory')}</th>
<th class="table-fit">${_('Show Name (tvshow.nfo)')}</th> <th>${_('Show Name (tvshow.nfo)')}</th>
<th class="table-fit">${_('Indexer')}</th> <th>${_('Indexer')}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -31,17 +31,17 @@ ...@@ -31,17 +31,17 @@
%> %>
<tr> <tr>
<td class="col-checkbox"><input type="checkbox" id="${show_id}" class="dirCheck" checked=checked> <td class="table-fit col-checkbox"><input type="checkbox" id="${show_id}" class="dirCheck" checked=checked>
</td> </td>
<td><label for="${show_id}">${curDir['display_dir']}</label></td> <td><label for="${show_id}">${curDir['display_dir']}</label></td>
% if curDir['existing_info'][1] and indexer > 0: % if curDir['existing_info'][1] and indexer > 0:
<td class="text-center"> <td class="table-fit">
<a href="${anon_url(IndexerApi(indexer).config['show_url'], curDir['existing_info'][0])}">${curDir['existing_info'][1]}</a> <a href="${anon_url(IndexerApi(indexer).config['show_url'], curDir['existing_info'][0])}">${curDir['existing_info'][1]}</a>
</td> </td>
% else: % else:
<td>?</td> <td>?</td>
% endif % endif
<td class="text-center"> <td class="table-fit">
<select class="rounded" name="indexer"> <select class="rounded" name="indexer">
% for curIndexer in IndexerApi().indexers.items(): % for curIndexer in IndexerApi().indexers.items():
<option value="${curIndexer[0]}" ${('', 'selected')[curIndexer[0] == indexer]}>${curIndexer[1]}</option> <option value="${curIndexer[0]}" ${('', 'selected')[curIndexer[0] == indexer]}>${curIndexer[1]}</option>
......
...@@ -50,17 +50,19 @@ ...@@ -50,17 +50,19 @@
<h3>${_('All Seasons')}</h3> <h3>${_('All Seasons')}</h3>
</div> </div>
<div class="card-body"> <div class="card-body">
<table id="SelectAllTable" class="table" cellspacing="1" border="0" cellpadding="0"> <div class="table-responsive">
<thead>