From 151d91f303a4eb582085937e028c32863eb4147f Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 12 Jun 2015 11:46:07 +0200
Subject: [PATCH 1/3] dont limit global p width

---
 app/assets/stylesheets/zammad.css.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index e7883cad0..4d752dfb6 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -28,7 +28,6 @@ body {
 p {
   margin: 14px 0;
   color: hsl(60,1%,34%);
-  max-width: 500px;
 }
 
 .u-highlight {

From 0526970b6cf85ed3fc7226b76ba09d130c376af8 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 12 Jun 2015 11:49:23 +0200
Subject: [PATCH 2/3] fix attachment clickability

---
 app/assets/stylesheets/zammad.css.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 4d752dfb6..9dfe680b1 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -3537,7 +3537,8 @@ footer {
         display: none;
         white-space: nowrap;
         margin-left: auto;
-        @extend .u-clickable;
+        cursor: pointer;
+        user-select: none;
       }
 
       .attachment:hover .attachment-delete {
@@ -3561,7 +3562,8 @@ footer {
       display: inline-block;
       overflow: hidden;
       vertical-align: bottom;
-      @extend .u-highlight, .u-clickable;
+      pointer-events: auto;
+      @extend .u-highlight;
     }
 
     .attachmentUpload {

From 61986606f97d2161075b3ce3d58f2bf36725f68e Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 12 Jun 2015 15:41:34 +0200
Subject: [PATCH 3/3] fix attachment overflow (FF)

I started to discuss this problem here https://github.com/philipwalton/flexbugs/issues/39#issuecomment-111211260 and in a Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=1136818 but people defend this behaviour intended..
---
 .../app/views/layout_ref/communication_overview.jst.eco   | 8 ++++----
 .../app/views/layout_ref/communication_reply.jst.eco      | 4 ++--
 .../javascripts/app/views/layout_ref/highlight.jst.eco    | 8 ++++----
 .../app/views/ticket_zoom/article_view.jst.eco            | 2 +-
 app/assets/stylesheets/zammad.css.scss                    | 1 +
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
index 134da4617..81aca2e8d 100644
--- a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
@@ -231,19 +231,19 @@ Oliver<br>
               <div class="attachments">
                 <svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
                 <h3>2 <%- @T('Attached Files') %></h3>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">midinotes_view.jpg</div>
                   <div class="attachment-size">35.5 kb</div>
                 </div>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div>
                   <div class="attachment-size">17.1 kb</div>
                 </div>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">something with very long line which is slonger as the container arount it if you can see it I wish you a very happy day.txt</div>
                   <div class="attachment-size">17.1 kb</div>
                 </div>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">something-withverylonglinewhichisslongerasthecontainerarountitifyoucanseeitIwishyouaveryhappyday.txt</div>
                   <div class="attachment-size">17.1 kb</div>
                 </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco b/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
index 3041c01d4..61bcb7e23 100644
--- a/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
@@ -16,14 +16,14 @@
           <div class="attachments"></div>
           
           <!-- <div>
-            <div class="attachment horizontal">
+            <div class="attachment">
               <div class="attachment-name u-highlight">sega-genesis-box.gif</div>
               <div class="attachment-size">2.4mb</div>
               <div class="attachment-delete js-delete align-right u-clickable">
                 <svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg><%- @T('Delete File') %>
               </div>
             </div>
-            <div class="attachment horizontal">
+            <div class="attachment">
               <div class="attachment-name u-highlight">license-key.txt</div>
               <div class="attachment-size">7kb</div>
               <div class="attachment-delete js-delete align-right u-clickable">
diff --git a/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco b/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
index 284029188..01a2195be 100644
--- a/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
@@ -63,7 +63,7 @@
           </a>
       </ul>
     </div>
-    <div class="page-header horizontal">
+    <div class="page-header">
       <div class="flex vertical center">
         <span class="avatar unique user-popover size-50" data-id="2" style="background-position: -92.79607555375712px -106.24902447601627px;" data-original-title="" title="">NB</span>
         <div class="ticket-title">
@@ -274,15 +274,15 @@ Oliver<br></div>
               <div class="attachments">
                 <svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
                 <h3>2 <%- @T('Attached Files') %></h3>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">midinotes_view.jpg</div>
                   <div class="attachment-size">35.5 kb</div>
                 </div>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div>
                   <div class="attachment-size">17.1 kb</div>
                 </div>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <div class="attachment-name u-highlight">something with very long line which is slonger as the container arount it if you can see it I wish you a very happy day.txt</div>
                   <div class="attachment-size">17.1 kb</div>
                 </div>
diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
index a989a4bbd..2c649a092 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
@@ -54,7 +54,7 @@
               <svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
               <h3><%- @article.attachments.length %> <%- @T('Attached Files') %></h3>
               <% for attachment in @article.attachments: %>
-                <div class="attachment horizontal">
+                <div class="attachment">
                   <a class="attachment-name u-highlight" href="<%= App.Config.get('api_path') %>/ticket_attachment/<%= @article.ticket_id %>/<%= @article.id %>/<%= attachment.id %>" target="_blank" data-type="attachment"><%= attachment.filename %></a>
                   <div class="attachment-size"><%- @humanFileSize(attachment.size) %></div>
                 </div>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 9dfe680b1..80688ef8e 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -3522,6 +3522,7 @@ footer {
 
       .attachment-name {
         margin-right: 5px;
+        min-width: 0;
         @extend .u-highlight;
       }