About page layout improvements

app/assets/stylesheets/common/base/about.scss

@@ -1,27 +1,20 @@
 section.about {
+  margin-bottom: 40px;
 
   h3 {
-    margin-bottom: 10px;
-    margin-top: 10px;
-  }
-
-
-  p {
-    margin: 10px 0;
+    margin-bottom: 15px;
   }
 
   table {
-    margin-top: 20px;
-    width: 90%;
+    width: auto;
 
     th {
       text-align: left;
     }
 
     td, th {
-      padding: 10px 5px 5px 5px;
-      border-bottom: 1px solid lighten($primary, 70%);
-      line-height: $line-height-small;
+      padding: 10px;
+      border-bottom: 1px solid $primary-low;
     }
 
     td.title {

app/assets/stylesheets/common/base/faqs.scss

@@ -1,32 +1,26 @@
 .body-page {
+  /* intended only for /about /faq, /guidelines, /tos, and /privacy */
+  width: 100%;
+  max-width: 700px;
+  padding-left: 20px;
   font-size: $font-up-1;  
-
-  // Consistent vertical spacing
-  blockquote,
-  h1,
-  h2,
-  h3,
-  hr,
-  p,
-  pre,
-  ul,
-  ol,
-  table {
-    margin: 0 0 20px;
-    line-height: $line-height-large;
+  .mobile-view & {
+    font-size: $font-0;
+    margin-top: 20px;
   }
 
+
   li {
      margin-bottom: 8px;
   }
 
+  .nav-pills {
+    margin-bottom: 20px;
+  }
+
   ul:not(.nav-pills),
   ol:not(.nav-pills) {
     margin-left: 40px;
   }
 
-  /* intended only for /faq, /guidelines, /tos, and /privacy */
-  width: 700px;
-  padding-left:20px;
-
 }

app/assets/stylesheets/mobile.scss

@@ -7,7 +7,6 @@
 @import "mobile/banner";
 @import "mobile/compose";
 @import "mobile/discourse";
-@import "mobile/faqs";
 @import "mobile/header";
 @import "mobile/login";
 @import "mobile/modal";

app/assets/stylesheets/mobile/faqs.scss

@@ -1,9 +0,0 @@
-// --------------------------------------------------
-// FAQs, About, etc
-// --------------------------------------------------
-
-.body-page {
-  margin-top: 20px;
-  width: 100%;
-  padding-left: 0;
-}