Merge pull request #1286 from cobyism/news-responsivityness

News responsivityness
jekyll · Jul 8, 2013 · dca7158 · dca7158
2 parents ff48b88 + a6c0fa9
commit dca7158
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/site/_includes/news_item.html b/site/_includes/news_item.html
@@ -1,5 +1,5 @@
 <article>
-  <h2 class="center-on-mobiles">
+  <h2>
     <a href="{{ post.url }}">
       {{ post.title }}
     </a>

diff --git a/site/_layouts/news_item.html b/site/_layouts/news_item.html
@@ -3,7 +3,7 @@
 ---
 
 <article>
-  <h2 class="center-on-mobiles">
+  <h2>
     {{ page.title }}
     <a href="{{ page.url }}" class="permalink" title="Permalink">∞</a>
   </h2>

diff --git a/site/css/style.css b/site/css/style.css
@@ -104,7 +104,7 @@ nav li {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 800;
-  padding: 5px 0;
+  padding: 5px;
   border-radius: 5px;
 }
 
@@ -126,7 +126,7 @@ nav li {
     text-align: right;
   }
 }
-@media (max-width: 720px){
+@media (max-width: 830px){
   .main-nav .show-on-mobiles {
     display: inline;
   }
@@ -371,6 +371,12 @@ article {
   font-size: 16px;
 }
 
+@media (max-width: 480px){
+  article ul {
+    padding-left: 20px;
+  }
+}
+
 @media (max-width: 568px){
   article {
     margin: 0;
@@ -552,7 +558,7 @@ article h2:first-child {
 
 @media (max-width: 568px){
   .post-category {
-    margin-right: -30px;
+    padding-left: 30px;
   }
 }