From 9faf2227ae3e4f79908a229676ded8c7b57ca319 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Wed, 23 Nov 2016 14:04:54 +0100
Subject: [PATCH 1/3] Translation info: add more spacing between text and
 button

---
 app/assets/javascripts/app/views/translation/index.jst.eco | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/app/views/translation/index.jst.eco b/app/assets/javascripts/app/views/translation/index.jst.eco
index 39b5858aa..522ea468a 100644
--- a/app/assets/javascripts/app/views/translation/index.jst.eco
+++ b/app/assets/javascripts/app/views/translation/index.jst.eco
@@ -13,8 +13,8 @@
   <div class="box box--message">
     <h2><%- @T('Inline translation') %></h2>
     <p><%- @T('To do easier translations you can enable and disable inline translation feature by pressing "%s".', 'ctrl+alt+t') %></p>
-    <p><%- @T('Text with disabled inline translations looks like') %> <button class="btn btn-primary"><%- @Ti('Some Text') %></button></p>
-    <p><%- @T('Text with enabled inline translations looks like') %> <button class="btn btn-primary"><span class="translation" contenteditable="true"><%- @Ti('Some Text') %></button></span></p>
+    <p><%- @T('Text with disabled inline translations looks like') %> <button class="btn btn-primary"><%- @Ti('Some Text') %></button></p>
+    <p><%- @T('Text with enabled inline translations looks like') %> <button class="btn btn-primary"><span class="translation" contenteditable="true"><%- @Ti('Some Text') %></button></span></p>
     <p><%- @T('Just click into the marker and update the words just in place. Enjoy!') %></p>
     <p><%- @T('If you want to translate it via the translation table, just go ahead below.') %></p>
   </div>

From 201ca9ac261f244cb6e708c57f36c3d84c955588 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Wed, 23 Nov 2016 14:06:20 +0100
Subject: [PATCH 2/3] =?UTF-8?q?Disable=20rack-livereload=E2=80=99s=20swf?=
 =?UTF-8?q?=20fallback=20(development)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Prevents the flash of a flash <object> when loading the page.
---
 config/environments/development.rb | 1 +
 1 file changed, 1 insertion(+)

diff --git a/config/environments/development.rb b/config/environments/development.rb
index 6f018e1c5..501ea94e4 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -35,6 +35,7 @@ Rails.application.configure do
   config.middleware.insert_after(
     ActionDispatch::Static,
     Rack::LiveReload,
+    no_swf: true,
     min_delay: 500,    # default 1000
     max_delay: 10_000, # default 60_000
     live_reload_port: 35_738

From a0ac4eae7bc4b15f51bbcd401c1273b697c6bf06 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Wed, 23 Nov 2016 14:58:31 +0100
Subject: [PATCH 3/3] Style updates

- only add space between buttons that are visible
- smaller left-padding of lists in boxes
- less vertical margin around horizontal layouted boxes
- add span-width, spacer, double-spacer and flex-spacer helpers

spacer creates a 10x10 pixel space
double-spacer a 20x20 pixel space
flex-spacer uses space variably
---
 app/assets/stylesheets/zammad.scss | 33 +++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index 2db4636db..de71c75dd 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -608,7 +608,7 @@ pre code.hljs {
   margin-left: 15px;
 }
 
-.vertical > .btn + .btn {
+.vertical > .btn:not(.hidden) + .btn {
   margin-left: 0;
   margin-top: 10px;
 }
@@ -5389,6 +5389,10 @@ footer {
     margin-top: 12px;
   }
 
+  .box ul {
+    padding-left: 10px;
+  }
+
   .box .two-columns {
     margin-left: -4px;
     margin-right: -4px;
@@ -5438,6 +5442,15 @@ footer {
     }
   }
 
+.horizontal > .box {
+  margin-top: 4px;
+  margin-bottom: 4px;
+
+  & + .box {
+    border-left-width: 0;
+  }
+}
+
 .formset-inset {
   margin: 34px -24px 24px;
   padding: 19px 24px 24px;
@@ -8439,6 +8452,10 @@ body.fit {
   align-self: end;
 }
 
+.span-width {
+  flex-basis: 100%;
+}
+
 .two-columns,
 .three-columns,
 .wrap {
@@ -8473,3 +8490,17 @@ body.fit {
   margin-left: auto;
   margin-right: auto;
 }
+
+.spacer {
+  width: 10px; 
+  height: 10px; 
+}
+
+.double-spacer {
+  width: 20px;
+  height: 20px;
+}
+
+.flex-spacer {
+  flex: 1;
+}