Format the criteria for the reports

Web/Content/Site.admin.css

@@ -66,6 +66,14 @@ footer {
     background-position: 0 0;
 }
 
+dl.inline, dl.inline dt, dl.inline dd {
+    float: left;
+}
+
+dl.inline { 
+    margin-right: 30px;
+}
+
 @media print {
     header,
     footer,

Web/Content/Site.css

@@ -53,4 +53,8 @@ body {
     .employeeName input {
         width: 120px;
     }
+
+    .form-horizontal .control-group.endOdometer {
+        margin-bottom: 0;
+    }
 }

Web/Views/Log/MonthlyEmployeeMileage.cshtml

@@ -14,12 +14,23 @@
 
 <h2>@ViewBag.Title</h2>
 
-@Html.DisplayFor(m => m.Query.Year)
+<div>
-@Html.DisplayFor(m => m.Query.Month)
+    <dl class="inline">
-@if (Model.Query.LogType.HasValue)
+        <dt>Year</dt>
-{
+        <dd>@Html.Encode(Model.Query.Year)</dd>
-	@Html.DisplayFor(m => m.Query.LogType)
+    </dl>
-}
+    <dl class="inline">
+        <dt>Month</dt>
+        <dd>@Html.Encode(Model.Query.Month)</dd>
+    </dl>
+    @if (Model.Query.LogType.HasValue)
+    {
+	    <dl class="inline">
+            <dt>Type</dt>
+            <dd>@Html.Encode(Model.Query.LogType)</dd>
+        </dl>
+    }
+</div>
 
 <table class="table">
     <tr>

Web/Views/Log/MonthlyVehicleMileage.cshtml

@@ -15,12 +15,24 @@
 
 <h2>@ViewBag.Title</h2>
 
-	@Html.DisplayFor(m => m.Query.Year)
+<div>
-	@Html.DisplayFor(m => m.Query.Month)
+    <dl class="inline">
-	@if (Model.Query.LogType.HasValue)
+        <dt>Year</dt>
-	{
+        <dd>@Html.Encode(Model.Query.Year)</dd>
-		@Html.DisplayFor(m => m.Query.LogType)
+    </dl>
-	}
+    <dl class="inline">
+        <dt>Month</dt>
+        <dd>@Html.Encode(Model.Query.Month)</dd>
+    </dl>
+    @if (Model.Query.LogType.HasValue)
+    {
+	    <dl class="inline">
+            <dt>Type</dt>
+            <dd>@Html.Encode(Model.Query.LogType)</dd>
+        </dl>
+    }
+</div>
+
 <table class="table">
     <tr>
         <th>