Fixed genre row alignment for display show view

Fixed small poster sizing for shows view

changelog.md

 # Changelog
 
-- * f48bc0b - 2018-07-26: Fixed missing icons in navbar Migrated misc css classes to bootstrap 4 
+- * 8dde2ec - 2018-07-26: Fixed genre row alignment for display show view Fixed small poster sizing for shows view 
+- * c702306 - 2018-07-26: Fixed missing icons in navbar Migrated misc css classes to bootstrap 4 
 - * 45d2074 - 2018-07-26: Pre-Release v9.3.56.dev3 
 - * e12e04f - 2018-07-26: Removed bootbox jquery package Fixed confirmation dialog boxes for history and mass update views Changed text color from white to dark for episode statuses view Added css for jquery confirm package 
 - * 5ac6bac - 2018-07-26: Pre-Release v9.3.56.dev2 

sickrage/core/webserver/views/home/display_show.mako

@@ -232,13 +232,13 @@
  <tr>
  <td class="showLegend">${_('Genre:')}</td>
  <td>
- <ul class="list-inline">
+ <ul class="list-group d-inline">
  % if not show.imdbid and show.genre:
  % for genre in show.genre[1:-1].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-inline-item badge badge-primary">${genre}</li>
+ <li class="list-group-item badge badge-primary">${genre}</li>
  </a>
  % endfor
  % endif

sickrage/core/webserver/views/home/index.mako

@@ -195,7 +195,7 @@
  <div class="card card-block text-white bg-dark m-1 shadow">
  <a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}">
  <img alt="" class="card-img-top"
- src="${srWebRoot}${showImage(curShow.indexerid, 'poster_thumb').url}"/>
+ src="${srWebRoot}${showImage(curShow.indexerid, 'poster').url}"/>
  </a>
  <div class="card-header py-0 px-0">
  <div class="bg-dark rounded">
@@ -421,7 +421,7 @@
  <a href="${srWebRoot}/home/displayShow?show=${curShow.indexerid}"
  title="${curShow.name}">
  <img src="${srWebRoot}${showImage(curShow.indexerid, 'poster_thumb').url}"
- class="rounded shadow" style="width: auto;height: 30%"
+ class="rounded shadow img-fluid"
  alt="${curShow.indexerid}"/>
  </a>
  </td>