From d53b90df0eaa3736225d90867d6ac6c7625d765e Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Fri, 20 Jun 2025 15:01:48 +0300
Subject: [PATCH] Put language select button next to burger in small layout

---
 app/assets/stylesheets/common.scss | 7 +++++++
 app/views/layouts/_header.html.erb | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index f023e0459..c1e772bc6 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -226,6 +226,13 @@ body.small-nav {
   }
 }
 
+/* Rules for language selector */
+
+button.d-md-none[data-bs-target="#select_language_dialog"] {
+  right: 50px;
+  top: 11px;
+}
+
 /* Utility for styling notification numbers */
 
 .count-number {
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 6d48e054f..6e4e16eb0 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -5,6 +5,7 @@
       <%= t "layouts.project_name.h1" %>
     </a>
   </h1>
+  <%= render "layouts/select_language_button", :extra_classes => ["border-secondary border-opacity-10 d-md-none position-absolute"] %>
   <a href="#" id="menu-icon"></a>
   <nav class='primary'>
     <%= content_for :header %>
@@ -68,7 +69,7 @@
       </li>
     </ul>
 
-    <%= render "layouts/select_language_button", :extra_classes => [{ "border-secondary-subtle" => current_user&.id }] %>
+    <%= render "layouts/select_language_button", :extra_classes => ["d-none d-md-block", { "border-secondary-subtle" => current_user&.id }] %>
     <% if current_user && current_user.id %>
       <div class='d-inline-flex dropdown user-menu logged-in'>
         <button class='d-flex gap-1 align-items-center justify-content-center dropdown-toggle btn btn-outline-secondary border-secondary-subtle bg-body text-secondary px-2 py-1 flex-grow-1 mw-100' type='button' data-bs-toggle='dropdown'>
-- 
2.39.5