Grid and list fields; Dater sentence; Testing parallax

src/scss/app.scss

@@ -22,4 +22,5 @@
 @import 'views/album';
 @import 'views/playlist';
 @import 'views/queue';
+@import 'views/search';
 

src/scss/components/_grid.scss

@@ -8,8 +8,6 @@
 
 .grid {
 
-	padding: 40px 20px;
-
 	.grid-item {
 		@include grid_item( 5 )
 		margin: 0 2% 3%;

src/scss/components/_search-form.scss

@@ -1,5 +1,7 @@
 
 .search-form {
+	z-index: 2;
+	position: relative;
 
 	input {
 		background: transparent;

src/scss/components/_sidebar.scss

@@ -19,7 +19,7 @@ aside{
 		height: auto;
 		width: auto;
 		max-width: none;
-		z-index: -1;
+		z-index: 1;
 		opacity: 0.2;
 
 		.image {
@@ -30,6 +30,8 @@ aside{
 	}
 
 	nav {
+		z-index: 2;
+		position: relative;
 		padding-top: 20px;
 
 		a {
@@ -82,6 +84,7 @@ aside{
 		bottom: 0;
 		left: 0;
 		right: 0;
+		z-index: 2;
 		padding: 14px;
 		color: #FFFFFF;
 

src/scss/global/_core.scss

@@ -32,8 +32,12 @@ main {
 		}
 	}
 
-	section {
-		padding: 40px;
+	section.grid-wrapper {
+		padding: 40px 20px;
+	}
+
+	section.list-wrapper {
+		padding: 20px 0;
 	}
 
 	h1 {

src/scss/views/_search.scss

@@ -0,0 +1,14 @@
+
+.search-view {
+	.search-result-sections {
+		padding: 0 10px;
+		section {
+			width: 33.3334%;
+			float: left;
+
+			.inner {
+				padding: 10px;
+			}
+		}
+	}
+}