Basic implementation of dashboard widgets, statistics

Currently not user-customizable. Just needed to display statistics for a
client, so figured I'd make a start at this. Nothing too fancy for now,
but I'm sure some people will be happy to have this information at their
fingertips.

less/admin/DashboardPage.less

@@ -2,20 +2,81 @@
   background: @control-bg;
   color: @control-color;
   min-height: 100vh;
-  font-size: 14px;
-  line-height: 1.7;
 
   @media @desktop-up {
     .container {
-      max-width: 600px;
       padding: 30px;
       margin: 0;
     }
   }
+}
 
-  h2 {
-    font-size: 26px;
-    font-weight: 300;
-    margin-top: 0;
+.Widget {
+  background: @body-bg;
+  color: @text-color;
+  border-radius: @border-radius;
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.StatusWidget {
+  color: @muted-color;
+
+  > ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    > li {
+      display: inline-block;
+      margin-right: 30px;
+      vertical-align: middle;
+
+      &[class^="item-version-"] {
+        max-width: 100px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      &.item-help {
+        float: right;
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.StatisticsWidget {
+  td {
+    font-size: 14px;
+  }
+  td, th {
+    padding: 5px 20px 5px 0;
+    text-align: left;
+    font-weight: normal;
+    border-bottom: 1px solid @control-bg;
+  }
+  tbody tr:last-child {
+    td, th {
+      border-bottom: 0;
+    }
+  }
+  th {
+    color: @muted-color;
+  }
+  thead th {
+    font-weight: bold;
+  }
+}
+.StatisticsWidget-total {
+  td, th {
+    font-weight: bold;
+  }
+}
+@media @tablet-up {
+  .StatisticsWidget {
+    td, th {
+      min-width: 120px;
+    }
   }
 }