Updates column span widths and tab label wrapping (#145)

* Updates span widths for columns.
* Updates tab styles to wrap on overflow.

Author: MShultz

assets/bundled/bbcode-parser.min.js.map

@@ -15,28 +15,28 @@
   padding: 0 0.5%;
   float: left;
   &[data-span="column-width-span1"] {
-    width: 13.5%;
+    width: 10.5%;
   }
   &[data-span="column-width-span2"] {
     width: 23%;
   }
   &[data-span="column-width-span3"] {
-    width: 41%;
+    width: 35.5%;
   }
   &[data-span="column-width-span4"] {
     width: 48%;
   }
   &[data-span="column-width-span5"] {
-    width: 66%;
+    width: 60.5%;
   }
   &[data-span="column-width-span6"] {
-    width: 79%;
+    width: 73%;
   }
   &[data-span="column-width-span7"] {
-    width: 91%;
+    width: 85.5%;
   }
   &[data-span="column-width-span8"] {
-    width: 100%;
+    width: 98%;
   }
 }
 

assets/stylesheets/common/rowcolumn.scss

@@ -11,11 +11,11 @@ div.bb-tabs {
     box-sizing: content-box;
     display: block;
     font-weight: bold;
-    height: 22px;
+    height: auto;
     line-height: 22px;
     padding: 0 22px;
     text-transform: uppercase;
-    white-space: nowrap;
+    overflow-wrap: anywhere;
     border: 1px solid var(--tertiary);
 
     &:first-of-type {