From 47dd59c2a7fb0f425b839a1e4ecd185a072aff83 Mon Sep 17 00:00:00 2001
From: Joshua Tauberer <jt@occams.info>
Date: Tue, 21 Oct 2014 11:08:44 +0000
Subject: [PATCH] admin mail guide: use bootstrap .panel to style the tips

also give more space for the login settings and less space to the tips
---
 management/templates/index.html      |  8 ++++++++
 management/templates/mail-guide.html | 11 ++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/management/templates/index.html b/management/templates/index.html
index e523bf9d..574be058 100644
--- a/management/templates/index.html
+++ b/management/templates/index.html
@@ -46,12 +46,20 @@
               margin-bottom: 13px;
               margin-top: 30px;
             }
+              .panel-heading h3 {
+                border: none;
+                padding: 0;
+                margin: 0;
+              }
 
             h4 {
               font-size: 110%;
               margin-bottom: 13px;
               margin-top: 18px;
             }
+              h4:first-child {
+                margin-top: 6px;
+              }
 
             .admin_panel {
               display: none;
diff --git a/management/templates/mail-guide.html b/management/templates/mail-guide.html
index 35142b94..3d0cec92 100644
--- a/management/templates/mail-guide.html
+++ b/management/templates/mail-guide.html
@@ -4,7 +4,7 @@
 	<h2 style="margin-bottom: 0">Checking and Sending Mail</h2>
 
 	<div class="row">
-		<div class="col-sm-6">
+		<div class="col-sm-7">
 			<h3>How to log in</h3>
 
 			<p>Your username and password are the same no matter how you check your mail:</p>
@@ -62,9 +62,12 @@
 			</div>
 		</div>
 
-		<div class="col-sm-6">
+		<div class="col-sm-5">
+		<div class="panel panel-default">
+		<div class="panel-heading">
 			<h3>Other information about mail on your box</h3>
-
+		</div>
+		<div class="panel-body">
 			<h4>Greylisting</h4>
 			<p>Your box using a technique called greylisting to cut down on spam. Greylisting works by delaying mail from people you haven&rsquo;t received mail from before for up to about 10 minutes. The vast majority of spam gets tricked by this. If you are waiting for an email from someone new, such as if you are registering on a new website and are waiting for an email confirmation, please give it up to 10-15 minutes to arrive.</p>
 
@@ -74,5 +77,7 @@
 			<h4>Use only this box to send as you</h4>
 			<p>Your box sets strict email sending policies for your domain names to make it harder for spam and other fraudulent mail to claim to be you. Only this machine is authorized to send email on behalf of your domain names. If you use any other service to send email as you, it will likely get spam filtered by recipients.</p>
 		</div>
+		</div>
+		</div>
 	</div>
 </div>