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

@@ -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;

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>