Small fix for the bumplimit bar.

boards/static/css/md/base_page.css

@@ -324,11 +324,20 b' input[type="submit"]:hover {'
 
 .bar-value {
     background: rgba(50, 55, 164, 0.45);
-    padding: 2px;
     font-size: 0.9em;
+    height: 1.5em;
 }
 
 .bar-bg {
+    position: relative;
     border: solid 1px #888;
     margin: 5px;
+    overflow: hidden;
+}
+
+.bar-text {
+    padding: 2px;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
  No newline at end of file

boards/static/css/pg/base_page.css

@@ -320,10 +320,20 b' input[type="submit"]:hover {'
     background: rgba(251, 199, 16, 0.61);
     padding: 2px;
     font-size: 0.9em;
+    height: 1.5em;
 }
 
 .bar-bg {
+    position: relative;
     border: 1px solid rgb(204, 204, 204);
     border-radius: 5px 5px 5px 5px;
     margin: 5px;
+    overflow: hidden;
+}
+
+.bar-text {
+    padding: 2px;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
  No newline at end of file

boards/static/css/sw/base_page.css

@@ -289,10 +289,22 b' li {'
 .bar-value {
     background: #E3E7F2;
     padding: .1em 1ex;
+    moz-box-sizing: border-box;
+    box-sizing: border-box;
+    height: 1.5em;
 }
 
 .bar-bg {
     background: #EA4649;
     border: 1px solid #666;
     margin: 0 1ex 1em 1ex;
+    position: relative;
+    overflow: hidden;
+}
+
+.bar-text {
+    padding: 2px;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
  No newline at end of file

boards/templates/boards/thread.html

@@ -19,6 +19,8 b''
             {% if bumpable %}
                 <div class="bar-bg">
                     <div class="bar-value" style="width:{{ bumplimit_progress }}%">
+                    </div>
+                    <div class="bar-text">
                         {{ posts_left }} {% trans 'posts to bumplimit' %}
                     </div>
                 </div>