improved mobile view

Kikobeats · Dec 2, 2015 · 6ab6ad5 · 6ab6ad5
1 parent 3851935
commit 6ab6ad5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/assets/scss/components/_media-queries.scss b/assets/scss/components/_media-queries.scss
@@ -132,12 +132,6 @@
     }
   }
 
-  #posts-list > li {
-    > time {
-      padding: 0 0 0 4rem;
-    }
-  }
-
   main {
     left: 0;
     transition: all $aside-animation-time;
@@ -200,12 +194,18 @@
     margin: 1rem 0;
   }
 
-  #posts-list > li {
-    margin-bottom: 2.5rem;
+  #posts-list{
+    margin: 3rem 0;
+    text-align: center;
+    > li {
+      margin-bottom: 2rem;
 
-    > time {
-      padding: 0 0 25px 25px;
-      letter-spacing: 1px;
+      > time {
+        display: block;
+        float: none;
+        letter-spacing: 1px;
+        padding: 0;
+      }
     }
   }
 

diff --git a/index.hbs b/index.hbs
@@ -4,8 +4,8 @@
 <ol id="posts-list">
   {{#foreach posts}}
   <li>
-    <time datetime="{{date format="DD MMM YYYY"}}">{{date format="DD MMM YYYY"}}</time>
     <a href="{{url}}" title="link to {{{title}}}">{{title}}</a>
+    <time datetime="{{date format="DD MMM YYYY"}}">{{date format="DD MMM YYYY"}}</time>
     <span class="post tags">{{tags separator=" "}}</span>
   </li>
   {{/foreach}}