Improvements to send SMS page

- make messages align horizontally
- change wording of step 2 (from Lorena)

app/assets/stylesheets/components/placeholder.scss

@@ -2,6 +2,7 @@
   display: inline;
   background: $light-blue;
   color: $white;
+  white-space: nowrap;
   padding: 0 5px;
   border-radius: 3px;
 }

app/assets/stylesheets/components/template-picker.scss

@@ -10,17 +10,22 @@
     white-space: nowrap;
     clear: both;
 
-    .block-label {
-      float: none;
-      clear: none;
-      display: inline-block;
-      margin-right: 10px;
+    &-radio {
+      padding-right: 10px;
+      box-sizing: border-box;
       vertical-align: top;
+      width: 33%;
+      display: inline-block;
+    }
+
+    .block-label {
+      display: inline-block;
     }
 
     .sms-message {
       display: inline-block;
       vertical-align: top;
+      max-width: 66%;
     }
 
   }

app/assets/stylesheets/main.scss

@@ -33,5 +33,6 @@
 @import "components/sms-message";
 @import "components/button";
 @import "components/table";
+
 // TODO: break this up
 @import "app";