From 5a1796252799e3343e006fc41b803da7c32fa668 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 01:50:55 +0300
Subject: [PATCH] Stack board-details-header rows vertically on mobile

---
 .../BoardDetailsHeader/BoardDetailsHeader.scss   | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index b73698b9..c4c61201 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -31,8 +31,22 @@
   }
 
   @media (max-width: 768px) {
-    grid-template-columns: 1fr auto;
+    grid-template-columns: 1fr;
     padding: 16px;
+
+    &__badge { grid-column: 1; grid-row: 1; }
+
+    &__actions-row {
+      grid-column: 1;
+      grid-row: 2;
+      justify-content: flex-start;
+    }
+
+    &__events-row { grid-row: 3; }
+    &__last-update-row {
+      grid-row: 4;
+      justify-content: flex-start;
+    }
   }
 }