{literal}
<style type="text/css">
  .ui-block-a {
    padding-right: 7px;
  }

  .ui-block-b {
    padding-left: 7px;
  }
  #overview a.ui-link-inherit {
    padding-left: 60px;
  }
</style>
{/literal}

<h1>BeezDesk CRM Dashboard</h1>
<div class="ui-grid-a">
  {section name=widget loop=$widget_array}
  <div class="{if $smarty.section.widget.iteration is div by 2}ui-block-b{else}ui-block-a{/if}">
    <ul data-role="listview" data-inset="true">

      <li id="overview"><a href="{$widget_array[widget].link}">
        <h3>{$widget_array[widget].title}</h3>
        <img src="{$widget_array[widget].icon_path}" style="padding: 20px; padding-top:15px; width: 24px; height: 24px">
        {$widget_array[widget].widget_content}
      </a></li>

    </ul>
  </div>
  {/section}
</div>
</p>