Handle select text wrap with CSS

This works in Chrome, but that's it.

Will need to figure out the select2 jQuery conflict to properly handle this across all browsers.

sharedAir.css

@@ -70,13 +70,18 @@ body {
   opacity: 0.9;
 }
 
-.wrap-options.select2-selection--single {
+/* These select options rules only work in Chrome.
+    Need to resolve the select2 conflict to handle them properly with JS */
+.wrap-options.select2-selection--single, 
+.wrap-options {
   height: 100%;
 }
-.select2-container .wrap-options.select2-selection--single .select2-selection__rendered {
+.select2-container .wrap-options.select2-selection--single .select2-selection__rendered, 
+.wrap-options {
   word-wrap: break-word;
   text-overflow: inherit;
   white-space: normal;
+  padding: 0.5em 1em;
 }
 
 #infoDiv {