From 7f7c0c2a821f929fbb34ed45bd2abb8b1b14a65b Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Thu, 8 Jul 2021 15:29:05 +0200
Subject: [PATCH] Some Design fixes

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
---
 src/components/EditorWrapper.vue |  6 +++---
 src/components/MenuBar.vue       | 12 ++----------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue
index 78701bff2a0..47d35a70511 100644
--- a/src/components/EditorWrapper.vue
+++ b/src/components/EditorWrapper.vue
@@ -575,11 +575,12 @@ export default {
 
 	.save-status {
 		display: inline-flex;
-		align-items: center;
 		padding: 0;
-		padding-right: 12px;
 		text-overflow: ellipsis;
 		color: var(--color-text-lighter);
+		position: relative;
+		top: 10px;
+		min-width: 85px;
 
 		&.error {
 			background-color: var(--color-error);
@@ -598,7 +599,6 @@ export default {
 	}
 
 	#editor-session-list {
-		padding-right: 16px;
 		display: flex;
 
 		input, div {
diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
index efa57dd89eb..73b83a1da89 100644
--- a/src/components/MenuBar.vue
+++ b/src/components/MenuBar.vue
@@ -331,11 +331,11 @@ export default {
 		top: 0;
 		display: flex;
 		justify-content: flex-end;
-		z-index: 10010; // above modal-header so buttons are clickable
+		z-index: 10021; // above modal-header and menububble so menubar is always on top
 		background-color: var(--color-main-background-translucent);
 		-webkit-backdrop-filter: var(--background-blur);
 		backdrop-filter: var(--background-blur);
-		height: 50px;
+		min-height: 50px; // important for mobile so that the buttons are always inside the container
 		padding-top:3px;
 		padding-bottom: 3px;
 
@@ -405,14 +405,6 @@ export default {
 				opacity: .4;
 			}
 		}
-
-		&.icon-redo {
-			margin-right: 22px;
-		}
-
-		&.icon-ul {
-			margin-left: 22px;
-		}
 	}
 
 	.menubar .submenu {