MS messed with the temporary group picker thing: whatever, it is less annoying

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

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;

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
@@ -416,6 +423,9 @@ label
     &:hover li
       :display block
       
+  .button
+    :margin-left 100px
+
 
 #image_picker
   .small_photo