Merge pull request #6096 from freedomofpress/6080-cfm-rendering-discr…

…epancies

resolves visual discrepancies on Source Interface

securedrop/sass/modules/_panel.sass

@@ -1,6 +1,6 @@
 =panel
   body:not(#source-index)
-    main
+    main, div.panel
       max-width: 800px
       width: 100%
       margin: 0 auto
@@ -10,4 +10,8 @@
 
       section, article, .section-spacing
         display: flow-root
-        margin-top: 10px + 2*8px  // cf. hr.no-line
+        margin-top: 10px + 2*8px  // cf. hr.no-line
+
+  li
+    section, article, .section-spacing
+      margin-top: 0 !important

securedrop/sass/source.sass

@@ -124,7 +124,8 @@ p#codename
 
   .danger
     display: inline-block
-    width: 30%
+    min-width: 30%
+    max-width: 50%
 
   .cancel
     display: inline-block
@@ -263,6 +264,7 @@ p#max-file-size
   border: 3px solid #666
   padding: 10px 25px
   display: none
+  z-index: 99999
 
   .close
     cursor: pointer

securedrop/source_templates/lookup.html

@@ -64,7 +64,7 @@ <h2 id="replies-heading" class="headline">{{ gettext('Read Replies') }}</h2>
 
   <div id="replies">
     {% if replies %}
-    <p>
+    <p class="aside">
       {{ gettext("You have received a reply. To protect your identity in the unlikely event someone learns your codename, please delete all replies when you're done with them. This also lets us know that you are aware of our reply. You can respond by submitting new files and messages above.") }}
     </p>
     {% for reply in replies %}