Workshop auth fixes and better error reporting

app/assets/stylesheets/_application.scss

@@ -803,26 +803,22 @@ ul.menu {
 
     .message {
         display: inline-block;
-        @include font-family(secondary);
         font-size: 1.25em;
         padding: 1em 2em;
-        border: 0.25rem solid $blue;
-        background-color: rgba($blue, 0.25);
+        background-color: $text-on-blue;
+        @include message;
     }
 
     &.error .message {
-        border-color: $red;
-        background-color: rgba($red, 0.25);
+        background-color: $text-on-red;
     }
 
     &.complete .message {
-        border-color: $green;
-        background-color: rgba($green, 0.25);
+        background-color: $text-on-green;
     }
 
     &.warning .message {
-        border-color: $yellow;
-        background-color: rgba($yellow, 0.25);
+        background-color: $text-on-yellow;
     }
 }
 
@@ -1732,14 +1728,12 @@ ul.warnings {
 .info-message {
     position: relative;
     min-height: 4em;
-    border: 0.2em solid rgba(0, 0, 0, 0.1);
-    background-color: rgba($colour-3, 0.333);
+    background-color: $text-on-yellow;
     padding: 1em 1em 1em 4em;
-    @include font-family(secondary);
     text-align: left;
     margin: 1em;
     width: auto;
-    @include default-box-shadow(top, 2);
+    @include message;
 
     @include before {
         content: '!';
@@ -1754,7 +1748,7 @@ ul.warnings {
         text-align: center;
         line-height: 1.5em;
         font-size: 1.5em;
-        background-color: $colour-3;
+        background-color: $yellow;
         @include _(border-radius, 50%);
         @include default-box-shadow(top, 2);
     }
@@ -1769,15 +1763,15 @@ ul.warnings {
 }
 
 .success-info {
-    background-color: rgba($colour-5, 0.333);
+    background-color: $text-on-green;
 
     @include before {
-        background-color: $colour-5;
+        background-color: $green;
     }
 }
 
 .error-info {
-    background-color: rgba($red, 0.333);
+    background-color: $text-on-red;
 
     @include before {
         background-color: $red;

app/assets/stylesheets/_settings.scss

@@ -28,6 +28,13 @@ $yellow: $colour-3;
 $orange: $colour-4;
 $green:  $colour-5;
 
+$text-on-blue:   rgba($blue, 0.333);
+$text-on-pink:   rgba($pink, 0.333);
+$text-on-yellow: rgba($yellow, 0.333);
+$text-on-orange: rgba($orange, 0.333);
+$text-on-green:  rgba($green, 0.333);
+$text-on-red:    rgba($red, 0.333);
+
 $link-colour: darken($colour-1, 13%);
 
 $selected-colour: rgba($blue, 0.5);
@@ -105,7 +112,7 @@ $selected-colour: rgba($blue, 0.5);
 }
 
 @mixin text-stroke {
-    @include _(text-stroke, 1px rgba(0, 0, 0, 0.25));
+    @include _(text-stroke, 1px rgba($black, 0.25));
 }
 
 @mixin button {
@@ -174,3 +181,9 @@ $selected-colour: rgba($blue, 0.5);
 @mixin not-link-like {
     text-decoration: none;
 }
+
+@mixin message {
+    @include font-family(secondary);
+    border: 0.2em solid rgba($black, 0.1);
+    @include default-box-shadow(top, 2);
+}

app/assets/stylesheets/user-mailer.scss

@@ -1,5 +1,7 @@
 @import "settings";
 
+$max-table-width: 512px;
+
 body {
     width: 100% !important;
     -webkit-text-size-adjust: 100%;
@@ -76,6 +78,10 @@ p {
 p, blockquote {
     margin: 1em;
     line-height: 1.3333em;
+
+    &.signature {
+        margin: 0 0 1em;
+    }
 }
 
 blockquote {
@@ -127,7 +133,7 @@ h1, h2, h3, h4, h5, h6 {
 
 table {
     border-collapse: collapse;
-    max-width: 512px;
+    max-width: $max-table-width;
     min-width: 280px;
     mso-table-lspace: 0pt;
     mso-table-rspace: 0pt;
@@ -179,16 +185,34 @@ table#ecxbb_full_width {
 }
 
 code {
-    color: #C33;
-    font-size: 0.9em;
+    color: firebrick;
+    white-space: pre;
+    margin: 0 0 2em;
+    display: block;
+    max-width: $max-table-width;
+    overflow: auto;
+    box-sizing: border-box;
+
+    &.signature {
+        margin: 0 0 1em;
+        font-size: 1.5em;
+        color: navy;
+        text-align: left;
+        white-space: normal;
+        overflow: hidden;
+    }
+
+    &.backtrace {
+        padding: 1em;
+        border: 1px solid #CCC;
+        background-color: lemonchiffon;
+    }
 }
 
 pre {
     font-size: 1.5em;
     padding: 1em;
-    background-color: #333;
-    color: antiquewhite;
-    word-break: break-word;
+    word-break: break;
 }
 
 .diff, .ecxdiff {
@@ -240,8 +264,8 @@ h3 {
             padding: 10px 15px;
             margin-left: 20px;
             border-bottom: 3px solid darken($colour-5, 10%);
-            -webkit-box-shadow: 0 0.5em 1.5em -0.75em #000;
-            box-shadow: 0 0.5em 1.5em -0.75em #000;
+            -webkit-box-shadow: 0 0.5em 1.5em -0.75em $black;
+            box-shadow: 0 0.5em 1.5em -0.75em $black;
             cursor: pointer !important;
         }
 
@@ -266,3 +290,29 @@ h3 {
         }
     }
 }
+
+.request-details {
+    width: 100%;
+    max-width: 800px;
+    overflow: auto;
+
+    th, td {
+        border: 1px solid #CCC;
+        font-size: 1em;
+        padding: 0.5em;
+        vertical-align: top;
+        font-family: monospace;
+    }
+
+    table tr {
+        background-color: aliceblue;
+    }
+
+    .spacer {
+        background-color: transparent;
+
+        td {
+            border: 0;
+        }
+    }
+}