diff --git a/app/views/shared/_publisher.haml b/app/views/shared/_publisher.haml index 59fdbbfb7..da57beff7 100644 --- a/app/views/shared/_publisher.haml +++ b/app/views/shared/_publisher.haml @@ -3,8 +3,8 @@ = form_for StatusMessage.new, :remote => true do |f| = f.error_messages - .span-15.last - .span-2.last + .span-15 + .span-2 .user_image = owner_image_tag .span-13.last @@ -12,8 +12,7 @@ %label{:for => "status_message_message"} Message = f.text_area :message, :rows => 2 - .span-3.last - + .span-3 %ul.group_selector going to... - for group in current_user.groups diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 24faf671b..34cfe4904 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -319,18 +319,27 @@ label { height: 50px; padding-left: 10px; } #publisher ul.group_selector { + float: left; padding: 0; margin: 0; - width: 150px; + width: auto; + z-index: 10; + position: absolute; + height: auto; + overflow: visible; list-style: none; } #publisher ul.group_selector > li { - z-index: 10; + height: auto; + font-size: smaller; + padding: 2px; display: none; background-color: white; } #publisher ul.group_selector > li:active { background-color: yellow; } #publisher ul.group_selector:hover li { display: block; } + #publisher .button { + margin-left: 100px; } #image_picker .small_photo { height: 100px; diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 3e14cab06..b603e790e 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -397,14 +397,21 @@ label :left 10px ul.group_selector + :float left :padding 0 :margin 0 - :width 150px + :width auto + :z-index 10 + :position absolute + :height auto + :overflow visible :list :style none > li - :z-index 10 + :height auto + :font-size smaller + :padding 2px :display none :background :color #fff @@ -415,6 +422,9 @@ label &:hover li :display block + + .button + :margin-left 100px #image_picker