From 4cdd00db400ae74d7f978a4d92e8194e3fae16b2 Mon Sep 17 00:00:00 2001
From: Sulka Haro <sulka@sulka.net>
Date: Mon, 9 Mar 2020 08:19:08 +0200
Subject: [PATCH] Fix topbar collapse on small screens (#5562)

* Fix top bar collapsing on small screens

* Fix wide button array overflowing the button bar
---
 static/css/drawer.css |  2 +-
 static/css/main.css   | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/static/css/drawer.css b/static/css/drawer.css
index 96e1375ebd8..3e5e72542a4 100644
--- a/static/css/drawer.css
+++ b/static/css/drawer.css
@@ -265,7 +265,7 @@ h1, legend,
 }
 
 #buttonbar a {
-  float: left;
+  float: right;
   text-decoration: none;
   width: 34px;
 }
diff --git a/static/css/main.css b/static/css/main.css
index 354a53b6bef..d6bee072d16 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -699,6 +699,22 @@ a, a:visited, a:link {
   #container #toolbar {
     float: right;
     height: auto;
+    background: none;
+    border-bottom: none;
+    margin: 0px;
+  }
+
+  #buttonbar {
+    margin-right: 0px;
+    padding-right: 15px;
+    margin-top: 15px;
+    height: 44px;
+    opacity: 0.75;
+    vertical-align: middle;
+    position: absolute;
+    right: 0;
+    z-index: 500;
+    width: 400px;
   }
 
   #toolbar .customTitle {