adjusted the style of the ban message

diff --git a/lib/middleware/ban-handler.js b/lib/middleware/ban-handler.js
index 0b9bdc41cb82d88cd46ddbc289b1f807295df29f..4af0efcc4840ec55a061a5a8650d4afbcf8a3050 100644 (file)
--- a/lib/middleware/ban-handler.js
+++ b/lib/middleware/ban-handler.js
@@ -24,9 +24,11 @@ module.exports = function(req, res, next) {
       return next();
     }
 
+    ttl = Math.round(ttl / 60);
+
     res.render('banned', {
       slogan: utils.randomSlogan(),
-      ttl: Math.round(ttl / 60)
+      ttl: (ttl || 'less than a') + ' minute' + (ttl < 2 ? '' : 's')
     });
   });
 };

diff --git a/public/css/style.css b/public/css/style.css
index efad561607f571374cd0257a05615f6a21c8823c..e6d83b56e2a00b2f10c14a9853b258bd89670cf7 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -92,11 +92,13 @@ form .clearfix {
 }
 .well {
   background-color: #DDDDDD;
-  margin-bottom: 18px;
 }
 .alert {
   margin-bottom: 9px;
 }
+.ban, .leaderboard-wrapper, .well, #summary {
+  margin-bottom: 18px;
+}
 .submit-button {
   margin-left: 120px;
   margin-top: 9px;
@@ -194,7 +196,6 @@ form .clearfix {
 .leaderboard-wrapper {
   height: 349px;
   overflow: auto;
-  margin-bottom: 18px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -554,7 +555,6 @@ form .clearfix {
 }
 #summary {
   text-align: center;
-  margin-bottom: 18px;
 }
 #users-wrapper {
   margin-left: 120px;

diff --git a/views/banned.jade b/views/banned.jade
index 6adde56b99bbe7dc9e22539f05d913e45d013b9e..1556b60631e14f2ebced46bc11bf4192aebb43b6 100644 (file)
--- a/views/banned.jade
+++ b/views/banned.jade
@@ -7,10 +7,10 @@ block sections
   section
     .row
       .span12.offset2
-        .alert.alert-error.alert-block
+        .alert.alert-error.alert-block.ban
           h4.alert-heading Error!
           | Yuo have been banned.
           br
-          | Your ban will expire in #{ttl} minutes.
+          | Your ban will expire in #{ttl}.
 
 block scripts