From 7684aa029ebb385d618777e7516f9c09315530e6 Mon Sep 17 00:00:00 2001
From: Pedro <pedro.silva@collabora.com>
Date: Mon, 21 Oct 2019 14:28:51 +0200
Subject: [PATCH] Fix and style Follow editor overlay when on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change-Id: I30acf95f7cc8a7f274b031cc77cdace8b73e9918
Reviewed-on: https://gerrit.libreoffice.org/81233
Reviewed-by: Szymon Kłos <szymon.klos@collabora.com>
Tested-by: Szymon Kłos <szymon.klos@collabora.com>
---
 loleaflet/css/editor.css | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/loleaflet/css/editor.css b/loleaflet/css/editor.css
index 5e3b0ea07..bf534498e 100644
--- a/loleaflet/css/editor.css
+++ b/loleaflet/css/editor.css
@@ -18,4 +18,33 @@
 #currently-msg{
 	text-align: center;
 	padding: 3px 5px;
-}
\ No newline at end of file
+}
+@media (max-width: 767px), (max-device-height: 767px) {
+	#editor-btn{
+		max-width: 160px;
+	}
+	#editor-btn td:last-of-type{
+		max-width: 96px;
+		padding-left: 8px;
+		text-align: left;
+	}
+	#currently-msg{
+		padding: 12px 5px;
+	}
+	input#follow-checkbox {
+		width: 24px;
+		height: 24px;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		-o-appearance: none;
+		appearance: none;
+		border-radius: 2px;
+		border: 2px solid #aaa;
+		outline: none;
+		box-shadow: #00000015 0px 0px 2px 1px;
+	}
+	#userlist_table + hr { display: none;}
+	div#w2ui-overlay-actionbar.w2ui-overlay{
+		margin-left:-7px;
+	}
+}