From d20be4fd1bcf597820e1c7480b5a6f78d040358e Mon Sep 17 00:00:00 2001
From: FelisCatus <catusx@gmail.com>
Date: Tue, 12 Jun 2018 12:10:17 -0700
Subject: [PATCH] Inline popup menus in table-responsive for narrow screens.
 Fix #1341.

---
 omega-web/src/less/options.less | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/omega-web/src/less/options.less b/omega-web/src/less/options.less
index fbbc4cd..2c2a660 100644
--- a/omega-web/src/less/options.less
+++ b/omega-web/src/less/options.less
@@ -387,6 +387,14 @@ main {
   }
 }
 
+@media (max-width: 767px) {
+  // Try to make sure that the dropdown fits in the table-responsive scroll box.
+  // It effectively inlines the whole dropdown menu. Ugly, but at least working.
+  .table-responsive .dropdown-menu {
+    position: static !important;
+  }
+}
+
 .fixed-servers,
 .switch-rules {
   td {