Fix typography in responsive view.

Author: knadh

static/static/style.css

@@ -128,7 +128,7 @@ h4,
 h5,
 h6 {
     font-weight: 400;
-    line-height: 1.6;
+    line-height: 1.3;
     margin: 45px 0 20px 0;
 }
 
@@ -764,6 +764,10 @@ h1.intro {
 }
 
 @media (max-width: 550px) {
+    body {
+        font-size: 17px;
+        line-height: 1.7rem;
+    }
     .wrap {
         padding: 15px;
     }
@@ -818,6 +822,16 @@ h1.intro {
         margin-top: 30px;
         text-align: center;
     }
+    .projects .project-meta {
+        border-top: 1px solid #ddd;
+        display: block;
+        color: #666;
+        margin: 20px 0 0 0;
+        padding-top: 20px;
+    }
+    .projects .project-meta span:first-child {
+        margin-bottom: 5px;
+    }
 
     .oss .item {
         margin-bottom: 0;