client/css: fix ghost margins for messages

client/css/core-general.styl

@@ -147,22 +147,24 @@ a .access-key
 
 .messages
     margin: 0 auto
-    width: 100%
+    text-align: left
-    max-width: 30em
     .message
+        box-sizing: border-box
+        width: 100%
+        max-width: 40em
         margin: 0 0 1em 0
         display: inline-block
         text-align: left
         padding: 0.5em 1em
-    .message.info
+        &.info
-        border: 1px solid $message-info-border-color
+            border: 1px solid $message-info-border-color
-        background: $message-info-background-color
+            background: $message-info-background-color
-    .message.error
+        &.error
-        border: 1px solid $message-error-border-color
+            border: 1px solid $message-error-border-color
-        background: $message-error-background-color
+            background: $message-error-background-color
-    .message.success
+        &.success
-        border: 1px solid $message-success-border-color
+            border: 1px solid $message-success-border-color
-        background: $message-success-background-color
+            background: $message-success-background-color
 
 .thumbnail
     /*background-image: attr(data-src url)*/ /* not available yet */

client/css/tag-categories-view.styl

@@ -18,6 +18,6 @@
                 white-space: pre
         tfoot
             display: none
-    .messages, form
+    form
         width: auto
 

client/css/tag-view.styl

@@ -5,7 +5,7 @@
         word-break: break-all
         line-height: 130%
         margin-top: 0
-    form, .messages
+    form
         width: 100%
     .tag-edit
         textarea

client/css/user-view.styl

@@ -21,7 +21,7 @@
             margin-right: 1em
 
     #user-edit
-        form, .messages
+        form
             width: 100%
         .avatar
             #avatar-content