From 0bad5573b2b03a605f3711d38a60828cb7b61354 Mon Sep 17 00:00:00 2001 From: Daniel Weigh Date: Sun, 8 Dec 2013 12:12:26 -0500 Subject: [PATCH 1/2] VRFS-294 Resizing Create Session View tweaks for ~1024 px width. enables scrolling within the session container for short screens. --- .../stylesheets/client/createSession.css.scss | 13 ++++++++++++- web/app/views/clients/_createSession.html.erb | 11 ++++++----- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/web/app/assets/stylesheets/client/createSession.css.scss b/web/app/assets/stylesheets/client/createSession.css.scss index 8d012b761..6c3729fb2 100644 --- a/web/app/assets/stylesheets/client/createSession.css.scss +++ b/web/app/assets/stylesheets/client/createSession.css.scss @@ -1,5 +1,16 @@ +.create-session { + .content { + .content-head { + position:absolute; + z-index:1; + padding: 4px 0; + width:100% + } + } +} + .session-wrapper { - padding: 0 35px; + padding: 29px 35px 10px; white-space: initial; > div.session { diff --git a/web/app/views/clients/_createSession.html.erb b/web/app/views/clients/_createSession.html.erb index dd932298b..406e50a9d 100644 --- a/web/app/views/clients/_createSession.html.erb +++ b/web/app/views/clients/_createSession.html.erb @@ -1,5 +1,5 @@ -
+
@@ -10,8 +10,8 @@ <%= render "screen_navigation" %>
-
-
+
+
@@ -159,10 +159,11 @@
+
-
- + +
From 1b7706582611a4b66ee5f5f8f5f43e52779dbf16 Mon Sep 17 00:00:00 2001 From: Daniel Weigh Date: Sun, 8 Dec 2013 13:07:36 -0500 Subject: [PATCH 2/2] VRFS-294 Resizing Create Session View tweaks for ~1024 px width. tweak to content-icon --- web/app/assets/stylesheets/client/createSession.css.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/web/app/assets/stylesheets/client/createSession.css.scss b/web/app/assets/stylesheets/client/createSession.css.scss index 6c3729fb2..a14c37c67 100644 --- a/web/app/assets/stylesheets/client/createSession.css.scss +++ b/web/app/assets/stylesheets/client/createSession.css.scss @@ -4,7 +4,11 @@ position:absolute; z-index:1; padding: 4px 0; - width:100% + width:100%; + + .content-icon { + margin-left:4px; + } } } }