css: switched span_1/2/3

css/css.css

@@ -435,13 +435,11 @@ html body div.ui-panel a.unenhanced:active {
   width: 100%;
 }
 /* ============================= content grid ============================= */
-.span_1, .span_2 {
+.span_1, .span_2, .span_3 {
   display: inline-block;
   vertical-align: middle;
-  width: 45%;
   padding-left: 2%;
   padding-right: 2%;
-  /* ~ 98% for 2 col layout */
   padding-top: 2%;
 }
 /* form need no padding and align top */
@@ -450,19 +448,31 @@ form .span_1, form .span_2 {
   padding-left: 0%;
   padding-right: 0%;
 }
-.span_1 textarea {
+.span_2 textarea {
   width: 57.5%;
   display: inline-block;
   vertical-align: middle;
 }
-.span_2 {
+.span_1 {
   width: 96% /* 2% padding-left/right */
 }
+.span_2 {
+  width: 45%;
+}
+.span_3 {
+  width: 29%;
+}
 form .span_1 {
+  width: 100%;
+}
+form .span_2 {
   width: 50%;
 }
+form .span_3 {
+  width: 33%;
+}
 @media (max-width: 40em) {
-  .span_1, .span_2, form .span_1, form .span_2 {
+  .span_1, .span_2, .span_3, form .span_1, form .span_2, form .span_3 {
     width: 100%;
     padding: .25em 0;
   }