Index page sapsf highlight cleanup

This corrects the padding and provides better placement for the
talk link.

src/index.sh

@@ -115,6 +115,7 @@ main()
   </aside>
 
   <a href="#" class="lp-watch">Watch LibrePlanet&nbsp;2017 Talk</a>
+  <br clear="both" />
 </section>
 
 <section class="compact sm">

style.css

@@ -345,16 +345,20 @@ section .view-all {
 
 
 section.highlight {
+  position: relative;
   display: block;
+
   background-color: #2e3436;
-  padding: 2em;
   color: #eeeeee;  /* just slightly less jarring */
+
+  padding: 2em;
   margin: 2em 0;
+
   clear: both;
 }
 
 section.highlight > .title {
-  font-size: 1.2em;
+  font-size: 1.3em;
   display: inline-block;
   width: 50%;
   font-weight: bold;
@@ -371,6 +375,7 @@ section.highlight aside {
 }
 
 section.highlight a.lp-watch {
+  position: absolute;
   display: inline-block;
 
   background-image: url('images/tp/lp-2017-crop.png');
@@ -381,6 +386,9 @@ section.highlight a.lp-watch {
   line-height: 75px;
   padding-left: 85px;  /* 75px + 10px margin between */
 
+  left: 2em;
+  bottom: 1em;
+
   font-size: 1.2em;
   color: white;