From 6445c7471e16c114a32d6d10d8019a1361caaeea Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Fri, 14 Sep 2018 17:02:13 -0400
Subject: [PATCH] some fixes and adapted remix and studio thumbnails

---
 src/views/preview/presentation.jsx | 12 +++++++-----
 src/views/preview/preview.scss     | 10 ++++++----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/views/preview/presentation.jsx b/src/views/preview/presentation.jsx
index 7c32ad025..6c2e75584 100644
--- a/src/views/preview/presentation.jsx
+++ b/src/views/preview/presentation.jsx
@@ -84,7 +84,7 @@ const PreviewPresentation = ({
             { projectInfo && projectInfo.author && projectInfo.author.id && (
                 <Formsy onKeyPress={onKeyPress}>
                     <div className="inner">
-                        <FlexRow className="preview-row">
+                        <FlexRow className="preview-row force-row">
                             <FlexRow className="project-header">
                                 <a href={`/users/${projectInfo.author.username}`}>
                                     <Avatar
@@ -354,10 +354,12 @@ const PreviewPresentation = ({
                                         }
                                     </FlexRow>
                                 </div>
-                                <FlexRow className="column">
-                                    <RemixList remixes={remixes} />
-                                    <StudioList studios={projectStudios} />
-                                </FlexRow>
+                                <MediaQuery minWidth={frameless.mobile}>
+                                    <FlexRow className="column">
+                                        <RemixList remixes={remixes} />
+                                        <StudioList studios={projectStudios} />
+                                    </FlexRow>
+                                </MediaQuery>
                             </FlexRow>
                         </div>
                     </div>
diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 056ad9b75..f62b6366f 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -87,10 +87,6 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
         text-align: left;
         font-size: .8rem;
         flex-grow: 1;
-
-        @media #{$medium-and-small} {
-            min-width: 100%;
-        }
     }
 
     .validation-message {
@@ -203,6 +199,12 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
         justify-content: space-between;
         align-items: flex-start;
         flex-wrap: nowrap;
+
+        &.force-row {
+            @media #{$medium-and-small} {
+                flex-direction: row;
+            }
+        }
     }
 
     .guiPlayer {