diff --git a/web/app/assets/stylesheets/client/createSession.css.scss b/web/app/assets/stylesheets/client/createSession.css.scss index 0979239cd..8d012b761 100644 --- a/web/app/assets/stylesheets/client/createSession.css.scss +++ b/web/app/assets/stylesheets/client/createSession.css.scss @@ -1,25 +1,28 @@ -.session-left { - width:40%; - float:left; - padding-top:10px; - margin-left:35px; +.session-wrapper { + padding: 0 35px; + white-space: initial; + + > div.session { + width: 50%; + padding-top: 10px; + + &.right { + font-size: 13px; + } + } } +#btn-choose-friends { + margin:0; +} #create-session-genre select, #create-session-band select { - width:145px; + min-width:140px; } #find-session-genre select, #find-session-musician select { width:145px; } -.session-right { - width:50%; - float:right; - font-size:13px; - padding-top:10px; - margin-right:35px; -} .session-description { padding:5px; @@ -32,12 +35,6 @@ line-height:17px; } -.friendbox { - padding:5px; - height:60px; - width:75%; -} - .terms-checkbox { float:left; display:block; @@ -51,19 +48,22 @@ white-space:normal; } -div.friendbox { +.friendbox { background-color:#c5c5c5; border:none; -webkit-box-shadow: inset 2px 2px 3px 0px #888; box-shadow: inset 2px 2px 3px 0px #888; color:#333; -} + padding:5px; + height:60px; -div.friendbox input[type=text] { - -webkit-box-shadow: inset 0px 0px 0px 0px #888; - box-shadow: inset 0px 0px 0px 0px #888; - color:#666; - font-style:italic; + input[type=text] { + -webkit-box-shadow: inset 0px 0px 0px 0px #888; + box-shadow: inset 0px 0px 0px 0px #888; + color:#666; + font-style:italic; + + } } .invitation { diff --git a/web/app/views/clients/_createSession.html.erb b/web/app/views/clients/_createSession.html.erb index f4bf56b7b..dd932298b 100644 --- a/web/app/views/clients/_createSession.html.erb +++ b/web/app/views/clients/_createSession.html.erb @@ -14,151 +14,148 @@
-
+
+
-

session info

+

session info

+
-
- -
-
Genre:
-
- <%= render "genreSelector" %> -
-
- -
-
Band:
-
- -
-
- -

- -
-
Description:
-
- -
-
- -
- -
Musician Access:
-
-
- -
- -
- - -
-
- -

- -
Fan Access:
-
-
- -
- -
- - -
-
-
- -
-

invite musicians

- -
- -
-
- Start typing friends' names or: -
-
- CHOOSE FRIENDS -
-
- -
-
- - -
-
- -
- -
- Invite friends and contacts to join you on JamKazam from: -
-
-
-
- - <%= image_tag("content/icon_gmail.png", :size => "24x24", :align => "absmiddle") %> - -
-
E-mail
-
- - -
-
- - <%= image_tag("content/icon_google.png", :size => "24x24", :align => "absmiddle") %> - -
-
Google+
-
-
-
-
- -
-
- -
-
- I agree that intellectual property ownership of any musical works created during this session shall be governed by the terms of the Creative Commons CC BY-NC-SA license in accordance with the JamKazam Terms of Service. -
-
-
-
-
+
+
Description:
- CANCEL - JAM! + +
+
+ +
+
Genre:
+
+ <%= render "genreSelector" %> +
+
+ +
+
Band:
+
+ +
+
+ +

+ +
Musician Access:
+
+
+ +
+ +
+ + +
+
+ +

+ +
Fan Access:
+
+
+ +
+ +
+ + +
+
+
+ +
+

invite musicians

+ +
+
+
+ CHOOSE FRIENDS +
+
+ Start typing friends' names or: +
+
+
+
+ + +
+
+ +
+ +
+ Invite friends and contacts to join you on JamKazam from: +
+
+
+
+ + <%= image_tag("content/icon_gmail.png", :size => "24x24", :align => "absmiddle") %> + +
+
E-mail
+
+ + +
+
+ + <%= image_tag("content/icon_google.png", :size => "24x24", :align => "absmiddle") %> + +
+
Google+
+
+
+
+
+ +
+
+ +
+
+ I agree that intellectual property ownership of any musical works created during this session shall be governed by the terms of the Creative Commons CC BY-NC-SA license in accordance with the JamKazam Terms of Service. +
+
+
+
+
+
+ CANCEL + JAM! +