VRFS-807 modeled after leave session dialog

web/app/assets/stylesheets/client/client.css

@@ -41,6 +41,7 @@
  *= require ./localRecordingsDialog
  *= require ./serverErrorDialog
  *= require ./leaveSessionWarning
+ *= require ./terms
  *= require ./createSession
  *= require ./genreSelector
  *= require ./sessionList

web/app/assets/stylesheets/client/terms.css.scss

@@ -0,0 +1,7 @@
+#session-terms-conditions {
+  max-width:550px;
+  min-height:0;
+  p {
+    line-height:22px;
+  }
+}

web/app/views/clients/_terms.html.erb

@@ -1,5 +1,5 @@
 <!-- Terms Dialog -->
-<div class="dialog" layout="dialog" layout-id="terms" style="max-width:550px;">
+<div class="dialog" layout="dialog" layout-id="terms" id="session-terms-conditions">
     <div class="content-head">
         <%= image_tag "content/icon_add.png", {:width => 19, :height => 19, :class => 'content-icon' } %>
         <h1>Terms and Conditions</h1>
@@ -9,12 +9,12 @@
             I agree that intellectual property ownership of any musical works created during this session shall be governed by the terms of the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="_blank">Creative Commons CC BY-NC-SA license</a> in accordance with the <a rel="external" href="http://www.jamkazam.com/corp/terms" target="_blank">JamKazam Terms of Service</a>.
         </span>
         <br clear="left" /><br />
-        <div class="left">
-            <a id="btn-cancel-terms" layout-action="close" class="button-orange">CANCEL</a>
-        </div>
         <div class="right">
             <a id="btn-accept-terms" layout-action="close" class="button-orange">ACCEPT</a>
         </div>
+        <div class="right">
+            <a id="btn-cancel-terms" layout-action="close" class="button-orange">CANCEL</a>
+        </div>
         <br clear="all" />
     </div>
 </div>