Vier mobile: better jot buttons on small screens

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index edba28e5afc54deef96658121639f71d6b8020d6..b67dc5f77121f0560a282da5deebb80490c533c9 100644 (file)
--- 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 cdbda71fda1839f950bc385a10d2046d5e8583e5..7d7e2683a49c9fec0913cd0ce6ae4f05a4153149 100644 (file)
--- 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;