From b511b59f15a35855377fd7096c79216de94a7cbf Mon Sep 17 00:00:00 2001
From: Samantha Doherty <sammy@status.net>
Date: Thu, 14 Apr 2011 02:56:48 -0400
Subject: [PATCH] Quick style fixup for realtime popup.

---
 theme/base/css/display.css | 69 +++++++++++++++++++++++++-------------
 theme/neo/css/display.css  | 66 ++++++++++++------------------------
 2 files changed, 66 insertions(+), 69 deletions(-)

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 68081a8898..7b1a134cd1 100644
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -1834,8 +1834,16 @@ width:14.5%;
     border-top: 1px solid #ccc;
 }
 
+#realtime_actions {
+    position: relative !important;
+    right: -4px !important;
+    float: right;
+    padding-top: 15px;
+    margin-bottom: -8px !important;
+}
+
 #realtime_actions li {
-    margin-right: -4px;
+    margin-left: 2px !important;
 }
 
 #realtime_play, #realtime_pause, #realtime_popup {
@@ -1855,54 +1863,67 @@ width:14.5%;
 }
 
 #realtime_play, #realtime_pause, #realtime_popup {
-        opacity: 0.6;
+    opacity: 0.6;
 }
 
 #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
-        opacity: 1;
+    opacity: 1;
 }
 
 body.realtime-popup {
     min-width: 100%;
-}
-
-.realtime-popup #wrap {
-    padding: 0px !important;
-    margin: 0px !important;
+    overflow-x: hidden;
 }
 
 .realtime-popup #content {
     padding: 0px !important;
     margin: 0px !important;
-    width: 98% !important;
+    left: 0;
+    right: 0;
+    width: 100% !important;
+    overflow: visible;
 }
 
-.realtime-popup .form_notice {
-    float: left !important;
-    position: static !important;
+.realtime-popup #content_inner {
+    padding: 5px;
+}
+
+.realtime-popup .input_forms {
+    top: 0px;
+    left: 0px;
+    padding: 10px 0px 0px 5px;
+}
+
+.realtime-popup .form_notice_placeholder .placeholder {
+    width: 445px;
+}
+
+.realtime-popup .input_form {
+    width: 470px;
 }
 
 .realtime-popup .form_notice fieldset {
-    width: 450px !important;
+    width: 430px !important;
 }
 
 .realtime-popup .form_notice textarea {
-    width: 340px !important;
-}
-
-.realtime-popup .form_notice .submit {
-    top: 58px !important;
-    height: 2em;
-    font-size: 0.8em;
-    width: 86px;
+    width: 425px !important;
 }
 
 .realtime-popup .form_notice label.notice_data-attach {
-    right: 70px;
+    right: 0px !important;
+    top: 3px !important;
 }
 
-.realtime-popup .form_notice .notice_data-geo_wrap label, .realtime-popup .form_notice .notice_data-geo_wrap input {
-    right: 2px;
+.realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
+    right: 8px !important;
+    top: 3px !important;
+}
+
+.realtime-popup .form_notice .error,
+.realtime-popup .form_notice .success,
+.realtime-popup .form_notice .notice-status {
+    width: 430px; 
 }
 
 /* icons */
diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css
index 528f8553de..1f370e2ad4 100644
--- a/theme/neo/css/display.css
+++ b/theme/neo/css/display.css
@@ -734,6 +734,27 @@ div.entry-content a.response:after {
     width: 390px; 
 }
 
+.threaded-replies .to-selector {
+    display: none;
+}
+
+.user_in.realtime-popup .notice div.entry-content {
+    max-width: 320px;
+}
+
+.realtime-popup .threaded-replies {
+    margin-left: 15px;
+}
+
+.realtime-popup .threaded-replies .form_notice textarea {
+    width: 385px !important;
+}
+
+.realtime-popup .threaded-replies .form_notice label.notice_data-attach {
+    top: 10px !important;
+    right: 10px !important;
+}
+
 #content .notice .notice {
     width: 100%;
     margin-left: 0;
@@ -971,51 +992,6 @@ padding-right:0;
 }
 
 
-#realtime_actions {
-    position: relative !important;
-    float: right;
-    padding-top: 15px;
-    margin-bottom: -8px !important;
-}
-
-.realtime-popup #content {
-    padding-left: 4px !important;
-    padding-right: 4px !important;
-    margin-right: 0px;
-    left: 0;
-    right: 0;
-    width: 400px;
-    overflow: visible;
-}
-
-.realtime-popup .threaded-replies {
-    margin-left: 10px;
-}
-
-.realtime-popup .input_forms {
-    display: none; /* XXX fixme! */
-}
-
-.realtime-popup .form_notice textarea {
-    width: 325px !important;
-}
-
-.realtime-popup .form_notice #notice_action-submit {
-    top: 59px !important;
-    right: 6px !important;
-}
-
-.realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
-    right: 74px;
-    top: 3px !important;
-}
-
-.realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
-    right: 8px;
-    top: 3px !important;
-}
-
-
 /* Bookmark specific styles */
 
 #content .bookmark .entry-title {