Email renderers: Unify some CSS details

src/pretix/base/templates/pretixbase/email/simple_logo.html

@@ -91,12 +91,9 @@
             /* These are technically the same, but use both */
             overflow-wrap: break-word;
             word-wrap: break-word;
+            word-break: break-word;
 
             -ms-word-break: break-all;
-            /* This is the dangerous one in WebKit, as it breaks things wherever */
-            word-break: break-all;
-            /* Instead use this non-standard one: */
-            word-break: break-word;
 
             /* Adds a hyphen where the word breaks, if supported (No Blink) */
             -ms-hyphens: auto;
@@ -105,6 +102,11 @@
             hyphens: auto;
         }
 
+        p a {
+            word-wrap: anywhere;
+            word-break: break-all;
+        }
+
         .footer {
             padding: 10px;
             text-align: center;
@@ -165,9 +167,6 @@
             color: {{ color }};
         }
 
-        .order {
-            border-top: 1px solid #ccc;
-        }
         .order-button {
             padding-top: 5px;
             text-align: center;
@@ -180,6 +179,7 @@
         }
 
         .order {
+            border-top: 1px solid #ccc;
             font-size: 12px;
         }