Some Design fixes

Signed-off-by: szaimen <[email protected]>

Author: szaimen

src/components/EditorWrapper.vue

@@ -582,11 +582,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);
@@ -605,7 +606,6 @@ export default {
 	}
 
 	#editor-session-list {
-		padding-right: 16px;
 		display: flex;
 
 		input, div {

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 {