Fixes for styling, scrolling

Author: KevinPayravi

css/style.css

@@ -247,6 +247,13 @@ p {
 #yearGrid .columns {
 	padding: 0 10px;
 	flex: 0 0 auto;
+	margin-bottom: 10px;
+}
+
+@media (max-width: 549px) {
+	#yearGrid .row {
+		margin-bottom: 0;
+	}
 }
 
 .year-button,
@@ -309,4 +316,11 @@ p {
 	overflow: visible;
 	line-height: 1.2;
 	padding: 10px 5px;
+	color: #428BCA;
+}
+
+#monthNav .button:hover,
+#monthNav .button:focus {
+	color: #05AADC;
+	border-color: #888;
 }

js/app.js

@@ -47,7 +47,7 @@ app.controller('mainController', ['$http', '$scope', '$window', '$location', fun
   $scope.showDirectory = function() {
     $scope.currentView = 'homepage';
     $scope.selectedYear = null;
-    $window.history.pushState({view: 'homepage'}, 'Hackalist Archive', '/');
+    $window.history.pushState({view: 'homepage'}, 'Hackalist', '/');
     document.title = 'Hackalist';
   };
 
@@ -58,6 +58,7 @@ app.controller('mainController', ['$http', '$scope', '$window', '$location', fun
     $window.history.pushState({view: 'year', year: year}, 'Hackalist - ' + year, '/?year=' + year);
     document.title = 'Hackalist - ' + year;
     loadYear(year);
+    $window.scrollTo(0, 0);
   };
 
   $scope.applicable = function(hackathon) {