(public).sospep.events ~ view task ~ FIX-PRB-6628

<h1 style="text-align: center;">CREATE-article# #&nbsp;</h1>
<h2>[previously]</h2>
<ol>
<li><strong>[2016-11-dd][00:00] NEW task IN ?</strong></li>
<ol>
<li>] # # - CREATE-article# # - &nbsp;center images in bootstrap 4</li>
<li>] FIX-PRB - on PAGE-index - app icon images are no longer centered in their containing divs</li>
</ol>
<li><strong>[00:00] NEW article IN&nbsp;</strong></li>
<ol>
<li>] # # -&nbsp;</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li><strong>[00:00] NEW task IN PROBLEM</strong></li>
<ol>
<li>x] # # - PAGE index - app icon images NOT centered in cell, they were in previous version&nbsp;</li>
</ol>
<li><strong>[00:00] NEW task IN TRY</strong></li>
<ol>
<li>x] EDIT = "center-block" to center-*-block, as per&nbsp;<a href="https://github.com/twbs/bootstrap/issues/19357" target="_blank">https://github.com/twbs/bootstrap/issues/19357</a>, result=N/C</li>
<li>x] TRY remove "img-responsive" result=N/C</li>
<li>x] TRY = add class center block on containing div, result=N/C</li>
</ol>
<li><strong>[00:00] NEW task IN TRY</strong></li>
<ol>
<li>x] TRY = add class .m-x-auto as per comment on github issue noted above, result = N/C&nbsp;</li>
<li>*] REFERENCE = <a href="http://v4-alpha.getbootstrap.com/content/images/" target="_blank">http://v4-alpha.getbootstrap.com/content/images/</a>&nbsp;,&nbsp;http://v4-alpha.getbootstrap.com/utilities/sizing-and-positioning/</li>
<li>x] TRY = img-fluid vs img-responsive</li>
<li>x] TRY= add class "float-xs-right", this WORKS BUT&nbsp;</li>
<li>x] TRY = add class "m-x-auto" this by itself DOES NOT CENTER img BUT&nbsp;</li>
<li>&gt; x] TRY add class = d-block &lt;&lt;&lt; THIS&nbsp;</li>
<li>x] TRY = removed class - x] rounded OK, x] img-fluid OK</li>
<li><span style="background-color: #ffff00;">] SOLUTION = img class="m-x-auto d-block"</span></li>
</ol></ol>
<h2>[next]</h2>
<ol>
<li>]</li>
</ol>

~ view task ~ TaskGroup] FEATURE-5100 FROM [ Plan] plan-projects IN [ calendars] prj-022-sospep