fixes #1337

src/client/css/main.less

@@ -38,10 +38,12 @@ body {
 
 }
 
-.mobile .right {
-	top: 0px;
-	right: 0px;
+.mobile.ui-container > .right {
+	top: 10px;
+	right: 158px;
 	z-index: 2;
+	display: flex;
+	flex-direction: row-reverse;
 }
 
 * {

src/client/ui/templates/events/styles.less

@@ -60,11 +60,9 @@
 
 .mobile .uiEvents {
 	background-color: fade(@darkGray, 90%);
+	margin-top: 0px;
 
 	&:not(.active) {
-		position: absolute;
-		top: 0px;
-		right: 232px;
 		width: @btnSize;
 		height: @btnSize;
 
@@ -95,8 +93,7 @@
 			display: block;
 			position: absolute;
 			right: calc(100% + 10px);
-			top: 50%;
-			transform: translateY(-50%);
+			top: 0px;
 			background-color: fade(@darkGray, 90%);
 			width: @btnSize;
 			height: @btnSize;

src/client/ui/templates/quests/styles.less

@@ -110,11 +110,10 @@
 	background-color: fade(@darkGray, 90%);
 
 	&:not(.active) {
-		position: absolute;
-		top: 10px;
-		right: 158px;
 		width: @btnSize;
 		height: @btnSize;
+		margin-left: 10px;
+		position: relative;
 
 		&:after {
 			content: '';
@@ -143,8 +142,7 @@
 			display: block;
 			position: absolute;
 			right: calc(100% + 10px);
-			top: 50%;
-			transform: translateY(-50%);
+			top: 0px;
 			background-color: fade(@darkGray, 90%);
 			width: @btnSize;
 			height: @btnSize;