website: hacks on hacks to center the download link

website/source/index.html.erb

@@ -14,9 +14,10 @@
 
 	<section class="belt download">
 	<div class="container">
-		<div class="row">
+		<div class="row download-row">
 		<div class="download-container">
 			<h2 class="uppercase"><a href="/downloads.html">Download v<%= latest_version %></a></h2>
+			<div class="small">
 			<small class="uppercase mono">
 				<a href="#">
 					Release Notes
@@ -24,6 +25,7 @@
 					<span>06/17/13</span>
 				</a>
 			</small>
+			</div>
 		</div>
 		</div>
 	</div>

website/source/stylesheets/_components.scss

@@ -31,11 +31,20 @@ header .header {
 
     .download-container {
         background: url(/images/down_arrow.png) no-repeat top left;
+        display: inline-block;
         min-height: 73px;
         margin: 0 auto;
         padding-left: 100px;
     }
 
+    .download-row {
+        text-align: center;
+
+        .small {
+            text-align: left;
+        }
+    }
+
     h2 {
         font-family: $serif;
         font-size: 38px;
@@ -45,6 +54,7 @@ header .header {
         padding-top: 7px;
         padding-bottom: 3px;
         line-height: 1.0;
+        white-space: nowrap;
 
         &:hover {
             color: $dark-background;