tweak platform section heading appearance

index.html

@@ -59,33 +59,43 @@ <h2>Download</h2>
 
 <div class="platform">
 <h3>iOS</h3>
+<div class="platbody">
 <p><a href="https://itunes.apple.com/us/app/free-15c/id583559000?ls=1&mt=8"><img src="Download_on_the_App_Store_Badge_US-UK_135x40.png" width="135" height="40" /></a></p>
 </div>
+</div>
 
 <div class="platform">
 <h3>Windows</h3>
+<div class="platbody">
 <li><a href="HP15C-win32-install.exe">Windows EXE Installer (and uninstaller)</a> (5 MB)</li>
 <li><a href="HP15C.zip">Windows zip file of executables only (no installer)</a> (6 MB)</li>
 </div>
+</div>
 
 <div class="platform">
 <h3>Mac OS X</h3>
+<div class="platbody">
 <li><a href="HP15C.dmg">Mac OS X disk image</a> (10 MB)</li>
 <li><a href="HP15C.wdgt.zip">Mac OS X dashboard widget</a> (0.5 MB)</li>
 </div>
+</div>
 
 <div class="platform">
 <h3>Java</h3>
+<div class="platbody">
 <li><a href="HP15C.jar">Java Swing desktop app (JAR)</a> (1 MB)</li>
 </div>
+</div>
 
 <div class="platform">
 <h3>Other</h3>
+<div class="platbody">
 <p>
 For other platforms, you can download the <a href="http://github.com/ghewgill/hp15c">source code</a> and build it yourself.
 The Qt version is portable to any platform which supports Qt.
 </p>
 </div>
+</div>
 
 <h2>Disclaimer</h2>
 <p>

style.css

@@ -25,10 +25,18 @@ body {
 
 .platform {
     margin: 1em 1em 0em 0em;
-    padding: 1em;
+    padding: 0;
     border: 2px solid steelblue;
 }
 
 .platform h3 {
     margin: 0em 0em 1em 0em;
+    color: white;
+    padding: 0.2em;
+    background: steelblue;
+    font-weight: normal;
+}
+
+.platbody {
+    margin: 1em;
 }