Fix padding

app/styles/app.scss

@@ -5,5 +5,5 @@ body {
 }
 
 #application {
-  padding: 70px 30px;
+  padding-top: 70px;
 }

app/styles/podcasts.scss

@@ -1,3 +1,7 @@
+.podcasts-index {
+  padding: 30px;
+}
+
 // Podcasts header
 .add-new-podcast-button {
   float: right;

app/templates/podcasts/index.hbs

@@ -1,6 +1,7 @@
-<h1 class="ui dividing header">{{t "tabs.myPodcasts"}}</h1>
+<div class="podcasts-index">
+  <h1 class="ui dividing header">{{t "tabs.myPodcasts"}}</h1>
 
-<div class="ui doubling six column grid">
+  <div class="ui doubling six column grid">
     {{#each model as |podcast|}}
       <div class="column four wide computer podcast-cover">
         {{#link-to 'podcasts.show' podcast class="cover"}}
@@ -8,6 +9,7 @@
         {{/link-to}}
       </div>
     {{/each}}
+  </div>
 </div>
 
 {{outlet}}