From 33cee0c70074aa8b0b266bf5f10dc788f1576de1 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Fri, 15 Jul 2022 17:35:53 +0200
Subject: [PATCH] Improve mobile view of the topic page

Resolves MS-525
---
 client/src/pages/topic-page.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/topic-page.vue b/client/src/pages/topic-page.vue
index 2f3848cd..c9d67c28 100644
--- a/client/src/pages/topic-page.vue
+++ b/client/src/pages/topic-page.vue
@@ -154,10 +154,17 @@
   .topic {
     display: grid;
     padding: $large-spacing 0;
-    grid-template-columns: 300px 1fr;
+    grid-template-columns: 1fr;
+    @include desktop {
+      grid-template-columns: 300px 1fr;
+    }
 
     &__navigation {
       padding: 0 $medium-spacing;
+      display: none;
+      @include desktop {
+        display: block;
+      }
     }
 
     &__teaser {