Update appearance of group share page

To match the latest mockup from Conor. This basically involves making
the group share page look a lot like the group create page already does.

h/static/styles/app.scss

@@ -3,6 +3,7 @@
 $base-font-size: 12px;
 $base-line-height: 20px;
 
+@import './variables';
 @import './reset';
 @import './elements';
 @import './common';

h/static/styles/common.scss

@@ -14,12 +14,6 @@
 @import 'page';
 
 //ELEMENT STYLES////////////////////////////////
-a {
-  color: $link-color;
-  &:hover { color: $link-color-hover; }
-  text-decoration: none;
-}
-
 body {
   position: relative;
   background-color: $body-background;

h/static/styles/elements.scss

 // basic standard styling for elements
+a {
+  color: $link-color;
+  &:hover { color: $link-color-hover; }
+  text-decoration: none;
+}
+
 ol {
   list-style-type: decimal;
   padding-left: 3em;

h/static/styles/group-form.scss

@@ -18,6 +18,7 @@
   .group-form {
     @include flex-center-column();
 
+    font-size: $body2-font-size;
     min-height: 280px;
     background-color: $white;
     border: $border;
@@ -73,6 +74,14 @@
     }
   }
 
+  .group-form-document-list {
+    text-align:center;
+  }
+
+  .group-form-document-list li {
+    margin-top: .5em;
+  }
+
   .group-form-footer {
     @include flex-center-column();
 

h/static/styles/site.scss

 // shared styling used by both the app and the website
 @import './base';
 @import './reset';
-@import' ./elements';
+@import './elements';
 
 // shared components
 @import './primary-action-btn';