From 4f40001d108ec125c989a031d017cb44fed25041 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Thu, 12 Feb 2015 14:06:59 -0500
Subject: [PATCH] Update the glm blocks output.

Incase the start using it.
---
 css/app.css             | 17 ++++++++++------
 scss/_structure.scss    | 17 ++++++++++------
 templates/template.html | 43 ++++++++++++++++++++++++++---------------
 3 files changed, 49 insertions(+), 28 deletions(-)

diff --git a/css/app.css b/css/app.css
index c49da10..715b3e5 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6509,10 +6509,10 @@ ul#mainnav li a:hover {
 /* Homepage Blocks */
 #hHlines {
   display: block;
-  float: right;
+  /*float: right;*/
   width: 100%;
   margin: 10px 0 10px 0;
-  padding: 0; }
+  padding: 0 45px; }
 
 #hHlines ul {
   display: block;
@@ -6522,9 +6522,13 @@ ul#mainnav li a:hover {
   padding: 0;
   list-style-type: none; }
 
+#hHlines .hHlinesItem {
+  display: inline-block;
+  margin: 10px 0; }
+
 #hHlines ul li.hHlinesItem {
   display: block;
-  float: left;
+  /*float: left;*/
   /*width: 33.33333333%;*/
   overflow: hidden;
   margin: 10px 0;
@@ -6534,7 +6538,7 @@ ul#mainnav li a:hover {
 
 #hHlines .hHlinesImageLink {
   display: block;
-  float: left;
+  /*float: left;*/
   /*width: 45%;*/
   overflow: hidden;
   margin: 0 3% 0 0;
@@ -6552,10 +6556,11 @@ ul#mainnav li a:hover {
 #hHlines .hHlinesHeaderLink {
   font-family: Arial, Helvetica, sans-serif;
   display: block;
-  float: right;
+  /*float: right;*/
   /*width: 52%;*/
   text-align: left;
   margin: 0;
+  margin-left: 20px;
   padding: 0 0 2px 0;
   color: #0F2F4D;
   font-size: 13px;
@@ -6566,7 +6571,7 @@ ul#mainnav li a:hover {
 
 #hHlines ul li.hHlinesItem div {
   display: block;
-  float: right;
+  /*float: right;*/
   /*width: 52%;*/
   text-align: left;
   font-size: 12px;
diff --git a/scss/_structure.scss b/scss/_structure.scss
index 2876ceb..e5a2d4e 100755
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -429,10 +429,10 @@ ul#mainnav li a:hover {
 /* Homepage Blocks */
 #hHlines {
     display: block;
-    float: right;
+    /*float: right;*/
     width: 100%;
     margin: 10px 0 10px 0;
-    padding: 0;
+    padding: 0 45px;
 }
 #hHlines ul {
     display: block;
@@ -442,9 +442,13 @@ ul#mainnav li a:hover {
     padding: 0;
     list-style-type: none;
 }
+#hHlines .hHlinesItem {
+    display: inline-block;
+    margin: 10px 0;
+}
 #hHlines ul li.hHlinesItem {
     display: block;
-    float: left;
+    /*float: left;*/
     /*width: 33.33333333%;*/
     overflow: hidden;
     margin: 10px 0;
@@ -454,7 +458,7 @@ ul#mainnav li a:hover {
 }
 #hHlines .hHlinesImageLink {
     display: block;
-    float: left;
+    /*float: left;*/
     /*width: 45%;*/
     overflow: hidden;
     margin: 0 3% 0 0;
@@ -472,10 +476,11 @@ ul#mainnav li a:hover {
 #hHlines .hHlinesHeaderLink {
     font-family: Arial, Helvetica, sans-serif;
     display: block;
-    float: right;
+    /*float: right;*/
     /*width: 52%;*/
     text-align: left;
     margin: 0;
+    margin-left: 20px;
     padding: 0 0 2px 0;
     color: #0F2F4D;
     font-size: 13px;
@@ -486,7 +491,7 @@ ul#mainnav li a:hover {
 }
 #hHlines ul li.hHlinesItem div {
     display: block;
-    float: right;
+    /*float: right;*/
     /*width: 52%;*/
     text-align: left;
     font-size: 12px;
diff --git a/templates/template.html b/templates/template.html
index db6824b..d6d0101 100755
--- a/templates/template.html
+++ b/templates/template.html
@@ -93,28 +93,39 @@
                         <div id="toolbox">
                             {toolboxContent:h}
                         </div><!--/#toolbox-->
-                        <div id="hHlines" flexy:if="hasHeadlines">
-                            <ul>
-                                <li flexy:foreach="headlines,v" class="hHlinesItem">
+                        <div id="hHlines" flexy:if="hasHeadlines" class="row">
+                            {foreach:headlines,v}
+                            <div class="row" class="hHlinesItem">
+                                <div class="small-12 columns">
                                     {if:v[external]}
-                                    <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
+                                        <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
                                     {else:}
-                                    <a href="{v[href]:h}" class="hHlinesHeaderLink">
+                                        <a href="{v[href]:h}" class="hHlinesHeaderLink">
                                     {end:}
                                     {v[header]:h}
                                     </a>
-                                    {if:v[img]}
-                                        {if:v[external]}
-                                        <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
-                                        {else:}
-                                        <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
-                                        {end:}
-                                        <img src="{v[img]:h}" alt="Home page headline image">
+                                </div>
+                                {if:v[img]}
+                                <div class="small-12 medium-4 columns">
+                                    {if:v[external]} <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank"> {else:} <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank"> {end:}
+                                    <img src="{v[img]:h}" alt="Home page headline image">
+                                    </a>
+                                </div>
+                                {end:}
+                                {if:v[img]}
+                                <div class="small-12 medium-8 columns">
+                                {else:}
+                                <div class="small-12 columns">
+                                {end:}
+                                    {v[descr]:h}
+                                    <span class="hHlinesMore">
+                                        <a href="{v[href]:h}" class="hHlinesMoreLink">
+                                            <span class="nobreak">More Info >></span>
                                         </a>
-                                    {end:}
-                                    <div>{v[descr]:h}<span class="hHlinesMore"><a href="{v[href]:h}" class="hHlinesMoreLink"><span class="nobreak">More Info >></span></a></span></div>
-                                </li><!-- /.hHlinesItem -->
-                            </ul>
+                                    </span>
+                                </div>
+                            </div><!-- /.hHlinesItem -->
+                            {end:}
                         </div><!-- /#hHlines -->
                     </div><!--/#content-->
                 </div><!--/#maincol-->
-- 
2.17.1