From 01e16be157e0d3d18b79244bf13592910c1cf161 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 13:46:27 -0500
Subject: [PATCH] Columns: allow transparent columns to extend to the full
 screen width on mobile

---
 app/styles/components/columns.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index d8de9657e..00974765e 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -795,3 +795,18 @@
     }
   }
 }
+
+// Let transparent columns extend the full width of the screen
+@media screen and (max-width: 450px) {
+  .columns-area__panels__main--transparent {
+    padding: 0;
+  }
+
+  .columns-area--transparent {
+    .status__wrapper,
+    .detailed-status__wrapper,
+    .timeline-compose-block {
+      border-radius: 0;
+    }
+  }
+}