Merge pull request #959 from webcompat/comment-width

Fixes #940 - fixed with comment on small screen
webcompat · Mar 23, 2016 · 2743d4c · 2743d4c
2 parents a1e65fd + e40bc51
commit 2743d4c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/webcompat/static/css/development/components/comment.css b/webcompat/static/css/development/components/comment.css
@@ -41,14 +41,14 @@
   .wc-Comment-body {
     position: relative;
     flex: 1;
-    margin-left:.8em;
-    max-width: calc(100% - 59px);
+    max-width: 100%;
   }
 
-  @media all and (max-width: 61.87em) {
+  @media all and (min-width: 61.88em) {
 
     .wc-Comment-body {
-      margin-left:0;
+      margin-left:.8em;
+      max-width: calc(100% - 59px);
     }
   }
 
@@ -125,7 +125,7 @@
   .wc-Comment-header-spacing {
     padding: 0 6px;
   }
-  
+
   /* Name of owner */
   .wc-Comment-owner {
     font-weight: bold;