From 473498ff8bc5fb040287648490caf56d1ef704d0 Mon Sep 17 00:00:00 2001
From: Connor Yoh <con.yoh13@gmail.com>
Date: Thu, 10 Apr 2025 16:05:45 +0100
Subject: [PATCH] Wide screen languages drop down shrinks in x and y direction
 Vertical bar removed when less than columns

---
 src/main/resources/static/css/navbar.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css
index 9cf302cc2..86a682a23 100644
--- a/src/main/resources/static/css/navbar.css
+++ b/src/main/resources/static/css/navbar.css
@@ -89,6 +89,10 @@
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */
 }
 
+.scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child {
+  border: 0px !important
+}
+
 html[dir="ltr"] .lang-dropdown-item-wrapper {
   border-right: 2px solid var(--md-nav-color-on-seperator);
 }
@@ -99,8 +103,8 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
 
 /* Responsive adjustments */
 @media (min-width: 1200px){
-  .lang_dropdown-mw{
-    min-width: 800px
+  .lang-dropdown-item-wrapper .dropdown-item {
+    min-width: 200px
   }
 }
 
@@ -120,8 +124,9 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
   }
   .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
     border: 0px
+  }
 }
-}
+
 @media (min-width: 901px) {
   .scalable-languages-container {
     grid-template-columns: repeat(4, 1fr);