From 4299afaec57c9aa2db9557a04a5d652e8d5fde58 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Tue, 18 Sep 2018 17:05:50 -0400
Subject: [PATCH] fixes to warning and thumbnailcolumns for mobile WIP

---
 .../thumbnailcolumn/thumbnailcolumn.scss          |  1 +
 src/views/preview/preview.scss                    | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/components/thumbnailcolumn/thumbnailcolumn.scss b/src/components/thumbnailcolumn/thumbnailcolumn.scss
index 5e146aa67..ef23bce06 100644
--- a/src/components/thumbnailcolumn/thumbnailcolumn.scss
+++ b/src/components/thumbnailcolumn/thumbnailcolumn.scss
@@ -45,6 +45,7 @@
                 float: left;
                 max-width: 164px;
                 overflow: hidden;
+                text-align: left;
 
                 .thumbnail-creator a {
                     color: $type-gray;
diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 542c31d7b..e7fe26e5b 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -536,6 +536,21 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
         .thumbnail-column {
             display: inline-block;
             width: 100%;
+
+            /* the following can be transferred to
+            src/components/thumbnailcolumn/thumbnailcolumn.scss
+            after testing */
+            @media #{$medium-and-small} {
+                flex-direction: row;
+
+                .thumbnail {
+                    display: inline-block;
+                }
+            }
+        }
+
+        @media #{$medium-and-small} {
+            margin-top: 1rem;
         }
     }
 }