UX: Bump up base font size 1px, add smaller text size option

app/assets/javascripts/discourse/controllers/preferences/interface.js.es6

@@ -20,7 +20,7 @@ const USER_HOMES = {
   5: "top"
 };
 
-const TEXT_SIZES = ["normal", "larger", "largest"];
+const TEXT_SIZES = ["smaller", "normal", "larger", "largest"];
 
 export default Ember.Controller.extend(PreferencesTabController, {
   @computed("makeThemeDefault")

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

@@ -14,6 +14,10 @@ html {
   overflow-y: scroll;
   direction: ltr;
 
+  &.text-size-smaller {
+    font-size: $base-font-size-smaller;
+  }
+
   &.text-size-larger {
     font-size: $base-font-size-larger;
   }

app/assets/stylesheets/common/foundation/variables.scss

@@ -32,9 +32,10 @@ $bronze: #cd7f32 !default;
 // Fonts
 // --------------------------------------------------
 
-$base-font-size: 14px !default;
-$base-font-size-larger: 16px !default;
-$base-font-size-largest: 18px !default;
+$base-font-size-smaller: 13px !default;
+$base-font-size: 15px !default;
+$base-font-size-larger: 17px !default;
+$base-font-size-largest: 19px !default;
 $base-font-family: Helvetica, Arial, sans-serif !default;
 
 // Font-size defintions, multiplier ^ (step / interval)

app/assets/stylesheets/mobile/discourse.scss

@@ -4,15 +4,6 @@
 // throughout the Discourse application
 
 // Base Elements
-html {
-  font-size: $base-font-size + 1; // Increasing overall font-size on mobile by 1px
-  &.text-size-larger {
-    font-size: $base-font-size-larger + 1;
-  }
-  &.text-size-largest {
-    font-size: $base-font-size-largest + 1;
-  }
-}
 
 body {
   background-color: $secondary;

app/models/user_option.rb

@@ -29,7 +29,7 @@ class UserOption < ActiveRecord::Base
   end
 
   def self.text_sizes
-    @text_sizes ||= Enum.new(normal: 0, larger: 1, largest: 2)
+    @text_sizes ||= Enum.new(normal: 0, larger: 1, largest: 2, smaller: 3)
   end
 
   validates :text_size_key, inclusion: { in: UserOption.text_sizes.values }

config/locales/client.en.yml

@@ -912,6 +912,7 @@ en:
 
       text_size:
         title: "Text Size"
+        smaller: "Smaller"
         normal: "Normal"
         larger: "Larger"
         largest: "Largest"

config/site_settings.yml

@@ -1824,6 +1824,7 @@ user_preferences:
     type: enum
     default: normal
     choices:
+      - smaller
       - normal
       - larger
       - largest