adjust mobile stylung

yyx990803 · yyx990803 · commit fd112e50474c · 2015-10-16T11:52:47.000-04:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Vue.js HN Clone</title>
-    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
     <link rel="icon" href="static/logo.png" type="image/x-icon">
   </head>
   <body>
diff --git a/src/components/comment.vue b/src/components/comment.vue
@@ -5,9 +5,9 @@
       <a :href="'#/user/' + comment.by">{{comment.by}}</a>
       {{comment.time | fromNow}} ago
     </div>
-    <div class="comment-content" v-show="open">
+    <p class="comment-content" v-show="open">
       {{{comment.text}}}
-    </div>
+    </p>
     <ul class="child-comments" v-if="comment.kids" v-show="open">
       <comment v-for="comment in childComments" :comment="comment"></comment>
     </ul>
@@ -54,6 +54,7 @@ module.exports = {
 
 .comment-content
   margin 0 0 16px 24px
+  word-wrap break-word
   code
     white-space pre-wrap
 
