(public).sospep.events ~ view task ~ FEATURE-3250-011

<h1 style="text-align: center;">FEATURE# 3250 - 011 - 2 col display</h1>
<h2>[-previously-]</h2>
<ol>
<li><strong>]&nbsp;<a href="/view/task?id=2827" target="_blank">feature idea 3250</a></strong></li>
<ol>
<li>x] overview article describing what this feature 'news tab' is and what it does, it breifly outlines our plan on how we are going to implement it. &nbsp;</li>
</ol></ol>
<h2>[-currently-]</h2>
<ol>
<li><strong>x] s.articles.js - # changed layout to 2 columns VS single</strong></li>
<ol>
<li>x] add 'div' wrapper around each 'newsItem' generated in displayItems() script</li>
<li>x] add class = ... to wrapper</li>
<li>x]&nbsp;</li>
</ol>
<li><strong>x] sospep.css</strong></li>
<ol>
<li>x] ADD &nbsp;.newsItem class - align left, bg = white</li>
<li>x] div#newsTab&nbsp;</li>
</ol>
<li><strong>x] NEW PRB - div is not filling background, bg color</strong></li>
<ol>
<li>x] FIX PRB - by ADDing an empty DIV below with 'clear both' attributes set&nbsp;</li>
</ol>
<li><strong>[2014-07-01] sospep.css</strong></li>
<ol>
<li>x] newsItem - add margin property, set to 10px</li>
<li>x] EDIT widthd property from 50% to 45%, (at 50 with margin only 1 column displays)</li>
</ol></ol>
<h2>[next]</h2>
<ol>
<li><strong><span style="font-size: 10px;">]&nbsp;</span></strong>&nbsp;photos in feed dont constrain to width of column, they overflow,</li>
<ol>
<li>] not really a problem for viewing in desktop browser</li>
</ol></ol>
<h2>[reference]</h2>
<ol>
<li>]&nbsp;http://stackoverflow.com/questions/12871710/why-clear-both-css</li>
</ol>

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