From f21e3e46c7f7258ba237dfa5002b9b07624a5c57 Mon Sep 17 00:00:00 2001
From: Fabrixxm <fabrix.xm@gmail.com>
Date: Wed, 3 Feb 2016 15:01:24 +0100
Subject: [PATCH] Vier mobile: better jot buttons on small screens

---
 view/theme/vier/mobile.css | 13 +++++++++++++
 view/theme/vier/style.css  |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index edba28e5af..b67dc5f771 100644
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -166,6 +166,19 @@ aside.show {
 .tabs.show::after { display: none; }
 .tabs.show .tab { display: block; }
 
+/* jot buttons */
+#profile-jot-submit,
+#jot-preview-link {
+    float: none;
+    display: block;
+    width: 100%;
+    margin: 0 0 1em 0;
+}
+#profile-jot-submit-wrapper > div {
+    margin: 0 1em 1em 0;
+}
+#profile-jot-submit-wrapper > div#profile-jot-perms { margin: 0; }
+ 
 /* ACL window */
 #profile-jot-acl-wrapper, #profile-jot-acl-wrapper * { box-sizing: border-box; }
 #acl-wrapper { width: 100%; float: none; }
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index cdbda71fda..7d7e2683a4 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -127,8 +127,8 @@ img {
 .icon {
   background-color: transparent ;
   background-repeat: no-repeat;
-  width: 18px;
-  height: 18px;
+  width: 20px;
+  height: 20px;
   /* display: block; */
   display: inline-block;
   overflow: hidden;