Lots of style fixes

src/code/posting/qr.coffee

@@ -727,7 +727,10 @@ QR =
   dialog: ->
     dialog = UI.dialog 'qr', 'top:0;right:0;', """
     <div class=move>
-      <input type=checkbox id=autohide title=Auto-hide>
+      <label>
+        <input type=checkbox id=autohide title=Auto-hide>
+        Quick Reply
+      </label>
       <a href=javascript:; class=close title=Close>×</a>
       <select data-name=thread title='Create a new thread / Reply'>
         <option value=new>New thread</option>

src/css/style.css

@@ -20,6 +20,8 @@
 .field::-moz-placeholder,
 .field:hover::-moz-placeholder {
   color: #AAA !important;
+  font-size: 13px !important;
+  opacity: 1.0 !important;
 }
 .captch-img:hover,
 .field:hover {
@@ -49,8 +51,6 @@ a[href="javascript:;"] {
 /* 4chan style fixes */
 .opContainer, .op {
   display: block !important;
-}
-.post {
   overflow: visible !important;
 }
 [hidden] {
@@ -63,10 +63,12 @@ a[href="javascript:;"] {
 #qp, #ihover,
 #updater, #thread-stats,
 #navlinks, .fixed #boardNavDesktop,
-#watcher,
 #qr {
   position: fixed;
 }
+#watcher {
+  position: absolute;
+}
 #fourchanx-settings {
   z-index: 999;
 }
@@ -192,6 +194,9 @@ a[href="javascript:;"] {
 .expand-all-shortcut {
   opacity: .45;
 }
+#navtopright a {
+  text-decoration: none;
+}
 
 /* Notifications */
 #notifications {
@@ -276,6 +281,7 @@ a[href="javascript:;"] {
 }
 #fourchanx-settings > nav {
   padding: 2px 2px 0;
+  height: 15px;
 }
 #fourchanx-settings > nav a {
   text-decoration: underline;
@@ -287,10 +293,11 @@ a[href="javascript:;"] {
 .section-container {
   overflow: auto;
   position: absolute;
-  top: 1.7em;
+  top: 2.1em;
   right: 5px;
   bottom: 5px;
   left: 5px;
+  padding-top: 10px;
 }
 .sections-list {
   padding: 0 3px;
@@ -302,14 +309,6 @@ a[href="javascript:;"] {
 .tab-selected {
   font-weight: 700;
 }
-.section-container {
-  overflow: auto;
-  position: absolute;
-  top: 1.7em;
-  right: 5px;
-  bottom: 5px;
-  left: 5px;
-}
 .section-sauce ul,
 .section-rice ul {
   list-style: none;
@@ -548,7 +547,8 @@ a.hide-announcement {
 :root.hide-original-post-form #postForm,
 :root.hide-original-post-form .postingMode,
 :root.hide-original-post-form #togglePostForm,
-#qr.autohide:not(.has-focus):not(:hover) > form {
+#qr.autohide:not(.has-focus):not(:hover) > form,
+.postingMode ~ #qr select {
   display: none;
 }
 #qr select, #dump-button, .remove, .captcha-img {
@@ -589,10 +589,13 @@ a.hide-announcement {
   border: 1px solid #CCC; 
   width: 10%;
   margin: 0;
+  font: 13px sans-serif;
+  padding: 1px 0px 2px;
 }
-.persona input.field {
+.persona .field:not(#dump) {
-  width: 29.6%;
+  width: 95px;
-  margin: 0 0 0 0.4%;
+  min-width: 30%;
+  max-width: 30%;
 }
 #qr textarea.field {
   height: 14.8em;
@@ -608,7 +611,7 @@ input.field.tripped:not(:hover):not(:focus) {
   resize: both;
 }
 .captcha-img {
-  margin: 1px 0 0;
+  margin: 0px;
   text-align: center;
   background-image: #fff;
 }
@@ -617,21 +620,17 @@ input.field.tripped:not(:hover):not(:focus) {
   margin: 1px 0 0;
 }
 .field,
-.selectrice,
+.selectrice {
-button,
-input:not([type=radio]) {
   -moz-box-sizing: border-box;
-  font-size: 12px;
+  margin: 0px;
-  height: 1.6em;
+  padding: 2px 4px 3px;
-  margin: 1px 0 0;
-  vertical-align: bottom;
-  padding: 0 1px;
 }
 #qr textarea {
   min-width: 100%;
 }
 #qr [type='submit'] {
   width: 25%;
+  vertical-align: top;
 }
 /* Fake File Input */
 #qr-filename,
@@ -641,6 +640,11 @@ input:not([type=radio]) {
 #qr-no-file,
 .has-file #qr-filename {
   display: block;
+  padding: 0px 4px;
+  margin-bottom: 2px;
+}
+#qr-no-file {
+  color: #AAA;
 }
 #qr-filename-container {
   -moz-box-sizing: border-box;
@@ -650,6 +654,7 @@ input:not([type=radio]) {
   min-width: 74.6%;
   max-width: 74.6%;
   margin-right: 0.4%;
+  margin-top: 1px;
   overflow: hidden;
   padding: 2px 1px 0;
 }
@@ -659,6 +664,9 @@ input:not([type=radio]) {
   top: 2px;
   z-index: 2;
 }
+#file-n-submit {
+  height: 23px;
+}
 #qr input[type=file] {
   display: none;
 }