From 283d85c7cf1af03f497f395707b0c27102e644b9 Mon Sep 17 00:00:00 2001
From: El RIDO <elrido@gmx.net>
Date: Sat, 27 Jun 2020 14:17:48 +0200
Subject: [PATCH] simplify sidebar CSS, position it relative to the editor tabs

---
 css/bootstrap/privatebin.css | 20 +++++++-------------
 tpl/bootstrap.php            |  8 ++++----
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/css/bootstrap/privatebin.css b/css/bootstrap/privatebin.css
index ff697722..8af4b74f 100644
--- a/css/bootstrap/privatebin.css
+++ b/css/bootstrap/privatebin.css
@@ -208,15 +208,11 @@ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
 
 /* sidebar */
 #menu-toggle {
-	position: absolute;
-	top: 145px;
-	left: -3.3ch;
+	position: relative;
+	bottom: -94px;
+	left: -61px;
+	margin-bottom: -12px;
 	transform: rotate(90deg);
-	transition: all 0.5s ease;
-}
-
-main.toggled #menu-toggle {
-	left: 220px;
 }
 
 @media (max-width: 768px) {
@@ -228,7 +224,6 @@ main.toggled #menu-toggle {
 }
 
 main {
-	padding-left: 0;
 	transition: all 0.5s ease;
 }
 
@@ -238,10 +233,9 @@ main.toggled {
 
 #sidebar-wrapper {
 	position: fixed;
-	left: 250px;
-	width: 0;
+	width: 250px;
 	height: 100%;
-	margin-left: -250px;
+	left: -250px;
 	padding-left: 4ch;
 	overflow-y: scroll;
 	overflow-x: hidden;
@@ -249,5 +243,5 @@ main.toggled {
 }
 
 main.toggled #sidebar-wrapper {
-	width: 250px;
+	left: 0;
 }
diff --git a/tpl/bootstrap.php b/tpl/bootstrap.php
index f35adf9a..0c1cb558 100644
--- a/tpl/bootstrap.php
+++ b/tpl/bootstrap.php
@@ -452,10 +452,6 @@ endif;
 				<p><?php echo I18n::_('The memory lets you remember different paste links. The memory is unique to each website and device.'); ?></p>
 			</div>
 			<section class="container">
-				<button id="menu-toggle" class="btn btn-<?php echo $isDark ? 'warning' : 'default'; ?>">
-					<span class="glyphicon glyphicon-menu-up"  aria-hidden="true"></span>
-					<?php echo I18n::_('Memory'); ?>
-				</button>
 <?php
 if (strlen($NOTICE)):
 ?>
@@ -538,6 +534,10 @@ if (strlen($URLSHORTENER)):
 endif;
 ?>
 				</div>
+				<button id="menu-toggle" class="btn btn-<?php echo $isDark ? 'warning' : 'default'; ?>">
+					<span class="glyphicon glyphicon-menu-up"  aria-hidden="true"></span>
+					<?php echo I18n::_('Memory'); ?>
+				</button>
 				<ul id="editorTabs" class="nav nav-tabs hidden">
 					<li role="presentation" class="active"><a role="tab" aria-selected="true" aria-controls="editorTabs" id="messageedit" href="#"><?php echo I18n::_('Editor'); ?></a></li>
 					<li role="presentation"><a role="tab" aria-selected="false" aria-controls="editorTabs" id="messagepreview" href="#"><?php echo I18n::_('Preview'); ?></a></li>