From 532e201f5374caeaab150363ece7837339601977 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Mon, 17 Sep 2018 11:19:22 -0400
Subject: [PATCH 1/3] made comments roughly responsive

---
 src/views/preview/preview.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 542c31d7b..522208abe 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -153,7 +153,19 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
     }
 
     .comments-container {
-        width: 65%;
+        min-width: 65%;
+
+        @media #{$medium-and-small} {
+            width: 100%;
+        }
+
+        .comment, .comment-top-row, .comment-bottom-row {
+          flex-direction: row;
+        }
+
+        .comment-bubble {
+          text-align: left;
+        }
     }
 
     .remix-button,

From c18a073e175274e1fe663186371af59bf353ee5d Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Wed, 26 Sep 2018 16:39:37 -0400
Subject: [PATCH 2/3] some fixes

---
 src/views/preview/preview.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 522208abe..9532b1278 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -154,9 +154,13 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
 
     .comments-container {
         min-width: 65%;
+        max-width: 100%;
+        flex: 1;
+        padding-right: 1.5rem;
 
         @media #{$medium-and-small} {
             width: 100%;
+            padding: 0;
         }
 
         .comment, .comment-top-row, .comment-bottom-row {

From b5a49e6cf29599db24f78901b031fbd1dc232e1f Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Wed, 26 Sep 2018 16:45:42 -0400
Subject: [PATCH 3/3] linting fixes

---
 src/views/preview/preview.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 9532b1278..eb03ba4bd 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -153,22 +153,22 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
     }
 
     .comments-container {
+        padding-right: 1.5rem;
         min-width: 65%;
         max-width: 100%;
         flex: 1;
-        padding-right: 1.5rem;
 
         @media #{$medium-and-small} {
-            width: 100%;
             padding: 0;
+            width: 100%;
         }
 
         .comment, .comment-top-row, .comment-bottom-row {
-          flex-direction: row;
+            flex-direction: row;
         }
 
         .comment-bubble {
-          text-align: left;
+            text-align: left;
         }
     }