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

Refactored table class spacing/padding and column widths

parent 5a27b146
# 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
- * 9f09e96 - 2018-07-27: Refactored preview rename view CSS
- * 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.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -163,7 +163,7 @@
${parameter}
% endif
</td>
<td class="text-center">
<td class="table-fit">
% if required:
<span class="fas fa-check text-success" title="${_('Yes')}"></span>
% else:
......
......@@ -462,7 +462,7 @@
</div>
<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">
<tr>
<th class="align-right">${_('Meaning')}</th>
......@@ -735,7 +735,7 @@
</div>
<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">
<tr>
<th class="align-right">${_('Meaning')}</th>
......@@ -949,7 +949,7 @@
</div>
<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">
<tr>
<th class="align-right">${_('Meaning')}</th>
......@@ -1169,7 +1169,7 @@
</div>
<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">
<tr>
<th class="align-right">${_('Meaning')}</th>
......
......@@ -17,8 +17,8 @@
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card-header">
<h3 class="float-md-left">${title}</h3>
<div class="float-md-right">
<h3 class="float-left">${title}</h3>
<div class="float-right">
<div class="form-inline">
<select name="history_limit" id="history_limit" class="form-control mr-sm-2">
<option value="10" ${('', 'selected')[limit == 10]}>10</option>
......@@ -46,168 +46,170 @@
</div>
<div class="card-body">
% if sickrage.app.config.history_layout == "detailed":
<table id="historyTable" class="table">
<thead>
<tr>
<th class="text-nowrap">${_('Time')}</th>
<th>${_('Episode')}</th>
<th>${_('Action')}</th>
<th>${_('Provider')}</th>
<th>${_('Quality')}</th>
</tr>
</thead>
<div class="table-responsive">
% if sickrage.app.config.history_layout == "detailed":
<table id="historyTable" class="table">
<thead>
<tr>
<th>${_('Time')}</th>
<th>${_('Episode')}</th>
<th>${_('Action')}</th>
<th>${_('Provider')}</th>
<th>${_('Quality')}</th>
</tr>
</thead>
<tfoot>
<tr>
<th class="text-nowrap" colspan="5">&nbsp;</th>
</tr>
</tfoot>
<tfoot>
<tr>
<th class="text-nowrap" colspan="5">&nbsp;</th>
</tr>
</tfoot>
<tbody>
% for hItem in historyResults:
<% curStatus, curQuality = Quality.splitCompositeStatus(int(hItem["action"])) %>
<tr>
<td align="center">
<% airDate = srdatetime.srDateTime(datetime.datetime.strptime(str(hItem["date"]), History.date_format)).srfdatetime(show_seconds=True) %>
<% isoDate = datetime.datetime.strptime(str(hItem["date"]), History.date_format).isoformat() %>
<time datetime="${isoDate}" class="date">${airDate}</time>
</td>
<td class="text-center tvShow">
<a href="${srWebRoot}/home/displayShow?show=${hItem["show_id"]}#S${hItem["season"]}E${hItem["episode"]}">
${hItem["show_name"]}
- ${"S{:02d}".format(int(hItem["season"]))}${"E{:02d}".format(int(hItem["episode"]))} ${('', '<span class="badge badge-success">Proper</span>')["proper" in hItem["resource"].lower() or "repack" in hItem["resource"].lower()]}
</a>
</td>
<td align="center" ${('', 'class="subtitles_column"')[curStatus == SUBTITLED]}>
% if curStatus == SUBTITLED:
<i class="sickrage-flags sickrage-flag-${hItem['resource']}"></i>
% endif
<span style="cursor: help; vertical-align:middle;"
title="${os.path.basename(hItem['resource'])}">${statusStrings[curStatus]}</span>
</td>
<td align="center">
% if curStatus in [DOWNLOADED, ARCHIVED]:
% if hItem["provider"] != "-1":
<span style="vertical-align:middle;"><i>${hItem["provider"]}</i></span>
<tbody>
% for hItem in historyResults:
<% curStatus, curQuality = Quality.splitCompositeStatus(int(hItem["action"])) %>
<tr>
<td class="table-fit">
<% airDate = srdatetime.srDateTime(datetime.datetime.strptime(str(hItem["date"]), History.date_format)).srfdatetime(show_seconds=True) %>
<% isoDate = datetime.datetime.strptime(str(hItem["date"]), History.date_format).isoformat() %>
<time datetime="${isoDate}" class="date">${airDate}</time>
</td>
<td class="text-center tvShow">
<a href="${srWebRoot}/home/displayShow?show=${hItem["show_id"]}#S${hItem["season"]}E${hItem["episode"]}">
${hItem["show_name"]}
- ${"S{:02d}".format(int(hItem["season"]))}${"E{:02d}".format(int(hItem["episode"]))} ${('', '<span class="badge badge-success">Proper</span>')["proper" in hItem["resource"].lower() or "repack" in hItem["resource"].lower()]}
</a>
</td>
<td class="table-fit" ${('', 'class="subtitles_column"')[curStatus == SUBTITLED]}>
% if curStatus == SUBTITLED:
<i class="sickrage-flags sickrage-flag-${hItem['resource']}"></i>
% endif
% else:
% if hItem["provider"] > 0:
% if curStatus in [SNATCHED, FAILED]:
% if hItem["provider"].lower() in sickrage.app.search_providers.all():
<% provider = sickrage.app.search_providers.all()[hItem["provider"].lower()] %>
<i class="sickrage-providers sickrage-providers-${provider.id}"
style="vertical-align:middle;"></i><span
style="vertical-align:middle;">${provider.name}</span>
<span style="cursor: help; vertical-align:middle;"
title="${os.path.basename(hItem['resource'])}">${statusStrings[curStatus]}</span>
</td>
<td class="table-fit">
% if curStatus in [DOWNLOADED, ARCHIVED]:
% if hItem["provider"] != "-1":
<span style="vertical-align:middle;"><i>${hItem["provider"]}</i></span>
% endif
% else:
% if hItem["provider"] > 0:
% if curStatus in [SNATCHED, FAILED]:
% if hItem["provider"].lower() in sickrage.app.search_providers.all():
<% provider = sickrage.app.search_providers.all()[hItem["provider"].lower()] %>
<i class="sickrage-providers sickrage-providers-${provider.id}"
style="vertical-align:middle;"></i><span
style="vertical-align:middle;">${provider.name}</span>
% else:
<span style="vertical-align:middle;">${hItem["provider"]}</span>
% endif
% else:
<span style="vertical-align:middle;">${hItem["provider"]}</span>
<i class="sickrage-subtitles sickrage-subtitles-${hItem['provider']}"
style="vertical-align:middle;"></i>
<span style="vertical-align:middle;">${hItem["provider"].capitalize()}</span>
% endif
% else:
<i class="sickrage-subtitles sickrage-subtitles-${hItem['provider']}"
style="vertical-align:middle;"></i>
<span style="vertical-align:middle;">${hItem["provider"].capitalize()}</span>
% endif
% endif
% endif
</td>
<td style="display: none;">${curQuality}</td>
<td align="center">${renderQualityPill(curQuality)}</td>
</tr>
% endfor
</tbody>
</table>
% else:
<table id="historyTable" class="table pre-scrollable">
<thead>
<tr>
<th class="text-nowrap">${_('Time')}</th>
<th>${_('Episode')}</th>
<th>${_('Snatched')}</th>
<th>${_('Downloaded')}</th>
% if sickrage.app.config.use_subtitles:
<th>${_('Subtitled')}</th>
% endif
<th>${_('Quality')}</th>
</tr>
</thead>
</td>
<td style="display: none;">${curQuality}</td>
<td class="table-fit">${renderQualityPill(curQuality)}</td>
</tr>
% endfor
</tbody>
</table>
% else:
<table id="historyTable" class="table">
<thead>
<tr>
<th class="text-nowrap">${_('Time')}</th>
<th>${_('Episode')}</th>
<th>${_('Snatched')}</th>
<th>${_('Downloaded')}</th>
% if sickrage.app.config.use_subtitles:
<th>${_('Subtitled')}</th>
% endif
<th>${_('Quality')}</th>
</tr>
</thead>
<tfoot>
<tr>
<th class="text-nowrap" colspan="6">&nbsp;</th>
</tr>
</tfoot>
<tfoot>
<tr>
<th class="text-nowrap" colspan="6">&nbsp;</th>
</tr>
</tfoot>
<tbody>
% for hItem in compactResults:
<tr>
<td align="center">
<% airDate = srdatetime.srDateTime(datetime.datetime.strptime(str(hItem["actions"][0]["time"]), History.date_format)).srfdatetime(show_seconds=True) %>
<% isoDate = datetime.datetime.strptime(str(hItem["actions"][0]["time"]), History.date_format).isoformat() %>
<time datetime="${isoDate}" class="date">${airDate}</time>
</td>
<td class="tvShow" width="25%">
<span>
<a href="${srWebRoot}/home/displayShow?show=${hItem["show_id"]}#season-${hItem["season"]}">
${hItem["show_name"]}
- ${"S{:02d}".format(int(hItem["season"]))}${"E{:02d}".format(int(hItem["episode"]))}${('', ' <span class="badge badge-success">Proper</span>')['proper' in hItem["resource"].lower() or 'repack' in hItem["resource"].lower()]}
</a>
</span>
</td>
<td align="center"
data-provider="${str(sorted(hItem["actions"])[0]["provider"])}">
% for action in sorted(hItem["actions"]):
<% curStatus, curQuality = Quality.splitCompositeStatus(int(action["action"])) %>
% if curStatus in [SNATCHED, FAILED]:
% if action["provider"].lower() in sickrage.app.search_providers.all():
<% provider = sickrage.app.search_providers.all()[action["provider"].lower()] %>
<i class="sickrage-providers sickrage-providers-${provider.id}"
title="${provider.name}: ${os.path.basename(action["resource"])}"
style="vertical-align:middle;cursor: help;"></i>
% else:
<i class="sickrage-providers sickrage-providers-missing"
style="vertical-align:middle;"
title="${_('missing provider')}"></i>
% endif
% endif
% endfor
</td>
<td align="center">
% for action in sorted(hItem["actions"]):
<% curStatus, curQuality = Quality.splitCompositeStatus(int(action["action"])) %>
% if curStatus in [DOWNLOADED, ARCHIVED]:
% if action["provider"] != "-1":
<span style="cursor: help;"
title="${os.path.basename(action["resource"])}"><i>${action["provider"]}</i></span>
% else:
<span style="cursor: help;"
title="${os.path.basename(action["resource"])}"></span>
<tbody>
% for hItem in compactResults:
<tr>
<td class="table-fit">
<% airDate = srdatetime.srDateTime(datetime.datetime.strptime(str(hItem["actions"][0]["time"]), History.date_format)).srfdatetime(show_seconds=True) %>
<% isoDate = datetime.datetime.strptime(str(hItem["actions"][0]["time"]), History.date_format).isoformat() %>
<time datetime="${isoDate}" class="date">${airDate}</time>
</td>
<td class="tvShow" width="25%">
<span>
<a href="${srWebRoot}/home/displayShow?show=${hItem["show_id"]}#season-${hItem["season"]}">
${hItem["show_name"]}
- ${"S{:02d}".format(int(hItem["season"]))}${"E{:02d}".format(int(hItem["episode"]))}${('', ' <span class="badge badge-success">Proper</span>')['proper' in hItem["resource"].lower() or 'repack' in hItem["resource"].lower()]}
</a>
</span>
</td>
<td class="table-fit"
data-provider="${str(sorted(hItem["actions"])[0]["provider"])}">
% for action in sorted(hItem["actions"]):
<% curStatus, curQuality = Quality.splitCompositeStatus(int(action["action"])) %>
% if curStatus in [SNATCHED, FAILED]:
% if action["provider"].lower() in sickrage.app.search_providers.all():
<% provider = sickrage.app.search_providers.all()[action["provider"].lower()] %>
<i class="sickrage-providers sickrage-providers-${provider.id}"
title="${provider.name}: ${os.path.basename(action["resource"])}"
style="vertical-align:middle;cursor: help;"></i>
% else:
<i class="sickrage-providers sickrage-providers-missing"
style="vertical-align:middle;"
title="${_('missing provider')}"></i>
% endif
% endif
% endif
% endfor
</td>
% if sickrage.app.config.use_subtitles:
<td align="center">
% endfor
</td>
<td class="table-fit">
% for action in sorted(hItem["actions"]):
<% curStatus, curQuality = Quality.splitCompositeStatus(int(action["action"])) %>
% if curStatus == SUBTITLED:
<i class="sickrage-subtitles sickrage-subtitles-${action['provider']}"
style="vertical-align:middle;"
title="${action["provider"].capitalize()}: ${os.path.basename(action["resource"])}"></i>
<span style="vertical-align:middle;"> / </span>
<i class="sickrage-flags sickrage-flag-${action['resource']}"></i>
&nbsp;
% if curStatus in [DOWNLOADED, ARCHIVED]:
% if action["provider"] != "-1":
<span style="cursor: help;"
title="${os.path.basename(action["resource"])}"><i>${action["provider"]}</i></span>
% else:
<span style="cursor: help;"
title="${os.path.basename(action["resource"])}"></span>
% endif
% endif
% endfor
</td>
% endif
<td align="center" width="14%" data-quality="${curQuality}">
${renderQualityPill(curQuality)}
</td>
</tr>
% endfor
</tbody>
</table>
% endif
% if sickrage.app.config.use_subtitles:
<td class="table-fit">
% for action in sorted(hItem["actions"]):
<% curStatus, curQuality = Quality.splitCompositeStatus(int(action["action"])) %>
% if curStatus == SUBTITLED:
<i class="sickrage-subtitles sickrage-subtitles-${action['provider']}"
style="vertical-align:middle;"
title="${action["provider"].capitalize()}: ${os.path.basename(action["resource"])}"></i>
<span style="vertical-align:middle;"> / </span>
<i class="sickrage-flags sickrage-flag-${action['resource']}"></i>
&nbsp;
% endif
% endfor
</td>
% endif
<td class="table-fit" width="14%" data-quality="${curQuality}">
${renderQualityPill(curQuality)}
</td>
</tr>
% endfor
</tbody>
</table>
% endif
</div>
</div>
</div>
</div>
......
......@@ -29,7 +29,7 @@
% endif
<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">
<button id="prevShow" class="btn fas fa-arrow-left"></button>
</div>
......@@ -232,11 +232,11 @@
<td>
<ul class="list-group d-inline">
% 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())}"
target="_blank"
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>
% endfor
% endif
......@@ -245,7 +245,7 @@
<a href="${anon_url('http://trakt.tv/shows/popular/?genres=', imdbgenre.lower())}"
target="_blank"
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>
% endfor
% endif
......@@ -387,7 +387,7 @@
<div class="row mt-1">
<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">
<% availableStatus = [WANTED, SKIPPED, IGNORED, FAILED] %>
% if sickrage.app.developer:
......@@ -446,9 +446,6 @@
<button class="btn mt-1 mb-1 clearAll">
${_('Clear All')}
</button>
<button class="btn mt-1 mb-1" id="popover" type="button">
${_('Select Columns')} <b class="caret"></b>
</button>
</div>
</div>
</div>
......@@ -532,27 +529,25 @@
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table id="${("showTable", "animeTable")[bool(show.is_anime)]}"
class="table display_show"
style="opacity: .80" cellspacing="0" border="0" cellpadding="0">
<table id="${("showTable", "animeTable")[bool(show.is_anime)]}" class="table display_show" style="opacity: .80">
<thead>
<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"]}"/>
</th>
<th data-sorter="false" class="table-fit col-metadata">${_('NFO')}</th>
<th data-sorter="false" class="table-fit col-metadata">${_('TBN')}</th>
<th data-sorter="false" class="table-fit 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=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit 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-metadata">${_('NFO')}</th>
<th data-sorter="false" class="col-metadata">${_('TBN')}</th>
<th data-sorter="false" class="col-ep episode">${_('Episode')}</th>
<th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(show.is_anime)]}>${_('Absolute')}</th>
<th data-sorter="false" ${("class=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(scene)]}>${_('Scene')}</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="table-fit col-ep columnSelector-false size">${_('Size')}</th>
<th data-sorter="false" class="table-fit 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=\"table-fit col-ep columnSelector-false\"", "class=\"table-fit 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="table-fit col-search">${_('Search')}</th>
<th data-sorter="false" class="col-ep columnSelector-false size">${_('Size')}</th>
<th data-sorter="false" class="col-airdate">${_('Airdate')}</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=\"col-ep columnSelector-false\"", "class=\"col-ep\"")[bool(sickrage.app.config.use_subtitles)]}>${_('Subtitles')}</th>
<th data-sorter="false" class="col-status">${_('Status')}</th>
<th data-sorter="false" class="col-search">${_('Search')}</th>
</tr>
</thead>
......@@ -566,7 +561,7 @@
<tr class="${Overview.overviewStrings[epCats[epStr]]} season-${curSeason} seasonstyle font-weight-bold text-dark"
id="S${str(epResult["season"])}E${str(epResult["episode"])}">
<td class="col-checkbox">
<td class="table-fit col-checkbox">
% if int(epResult["status"]) != UNAIRED:
<input type="checkbox" class="epCheck"
id="${str(epResult["season"])}x${str(epResult["episode"])}"
......@@ -574,15 +569,15 @@
% endif
</td>
<td align="center">
<td class="table-fit">
<i class="fas ${("fa-times", "fa-check")[epResult["hasnfo"]]}"></i>
</td>
<td align="center">
<td class="table-fit">
<i class="fas ${("fa-times", "fa-check")[epResult["hastbn"]]}"></i>
</td>
<td align="center">
<td class="table-fit">
<%
text = str(epResult['episode'])
if epLoc != '' and epLoc is not None:
......@@ -591,9 +586,9 @@
${text}
</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"
maxlength="8"
class="sceneSeasonXEpisode form-control input-scene"
......@@ -609,9 +604,9 @@
style="padding: 0; text-align: center; max-width: 60px;"/>
</td>
<td align="center">
<td class="table-fit">
<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"]}"
id="sceneAbsolute_${show.indexerid}_${str(epResult["absolute_number"])}"
title="Change the value here if scene absolute numbering differs from the indexer absolute numbering"
......@@ -629,14 +624,14 @@
${epResult["name"]}
</td>
<td class="text-nowrap col-ep">
<td class="table-fit text-nowrap col-ep">
% if epResult["file_size"]:
<% file_size = pretty_filesize(epResult["file_size"]) %>
<% file_size = pretty_filesize(epResult["file_size"]) %>
${file_size}
% endif
</td>
<td class="col-airdate">
<td class="table-fit col-airdate">
% if int(epResult['airdate']) != 1:
<% airDate = datetime.datetime.fromordinal(epResult['airdate']) %>
......@@ -650,7 +645,7 @@
% endif
</td>
<td>
<td class="table-fit">
% if sickrage.app.config.download_url and epResult['location']:
<%
filename = epResult['location']
......@@ -663,7 +658,7 @@
% endif
</td>
<td class="col-subtitles" align="center">
<td class="table-fit col-subtitles">
% for flag in (epResult["subtitles"] or '').split(','):
% if sickrage.subtitles.name_from_code(flag).lower() != 'undetermined':
% if flag.strip() != 'und':
......@@ -681,12 +676,12 @@
<% curStatus, curQuality = Quality.splitCompositeStatus(int(epResult["status"])) %>
% 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:
<td class="text-nowrap col-status">${statusStrings[curStatus]}</td>
<td class="table-fit text-nowrap col-status">${statusStrings[curStatus]}</td>
% endif
<td class="text-center col-search">
<td class="table-fit col-search">
% if int(epResult["season"]) != 0:
% if ( int(epResult["status"]) in Quality.SNATCHED + Quality.DOWNLOADED ):
<a class="epRetry"
......
......@@ -56,7 +56,7 @@
</div>
</div>
<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':
<div style="width: 100px" id="posterSizeSlider"></div>
% endif
......@@ -274,21 +274,21 @@
<table id="showListTable${curListType}" class="table">
<thead>
<tr>
<th class="table-fit text-nowrap">${_('Next Ep')}</th>
<th class="table-fit text-nowrap">${_('Prev Ep')}</th>
<th class="${('', 'table-fit')[sickrage.app.config.home_layout in ['small', 'banner']]}">${_('Show')}</th>
<th class="table-fit text-nowrap">${_('Network')}</th>
<th class="table-fit">${_('Quality')}</th>
<th>${_('Next Ep')}</th>
<th>${_('Prev Ep')}</th>
<th>${_('Show')}</th>
<th>${_('Network')}</th>
<th>${_('Quality')}</th>
<th>${_('Downloads')}</th>
<th class="table-fit text-nowrap">${_('Size')}</th>
<th class="table-fit">${_('Active')}</th>
<th class="table-fit">${_('Status')}</th>
<th>${_('Size')}</th>
<th>${_('Active')}</th>
<th>${_('Status')}</th>
</tr>
</thead>
<tfoot>
<tr>
<th rowspan="1" colspan="1" align="center" class="text-nowrap">
<th>
<a href="${srWebRoot}/home/addShows/">
${_('Add')} ${(_('Show'), _('Anime'))[curListType == 'Anime']}
</a>
......@@ -309,7 +309,7 @@
% for curLoadingShow in sickrage.app.show_queue.loadingShowList:
% if not curLoadingShow.show or curLoadingShow.show not in sickrage.app.showlist:
<tr>
<td align="center">(${_('loading')})</td>
<td class="table-fit">(${_('loading')})</td>
<td></td>
<td>
% if curLoadingShow.show is None:
......@@ -390,34 +390,34 @@
% if cur_airs_next:
<% airDate = srdatetime.srDateTime(tz_updater.parse_date_time(cur_airs_next, curShow.airs, curShow.network), convert=True).dt %>
% try:
<td class="align-middle text-center text-nowrap">
<td class="table-fit">
<time datetime="${airDate.isoformat()}"
class="date">${srdatetime.srDateTime(airDate).srfdate()}</time>