Actually, we could just copy those two SVGs out of font awesome, and …

…not require a gem…
albus522 · Dec 1, 2015 · c544846 · c544846
1 parent 475dddd
commit c544846
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 8 deletions.
diff --git a/Gemfile b/Gemfile
@@ -11,8 +11,6 @@ group :assets do
   gem 'jquery-rails'
 end
 
-gem 'font-awesome-rails'
-
 gem 'turbolinks'
 
 gem 'bcrypt', '~> 3.1.7'

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -52,8 +52,6 @@ GEM
     erubis (2.7.0)
     eventmachine (1.0.8)
     execjs (2.2.2)
-    font-awesome-rails (4.4.0.0)
-      railties (>= 3.2, < 5.0)
     hike (1.2.3)
     i18n (0.6.11)
     jquery-rails (3.1.2)
@@ -131,7 +129,6 @@ DEPENDENCIES
   capistrano-bundler
   capistrano-rails
   coffee-rails (~> 4.0.0)
-  font-awesome-rails
   jquery-rails
   pg
   rails (~> 4.1.8)

diff --git a/app/assets/images/chevron-down.svg b/app/assets/images/chevron-down.svg
diff --git a/app/assets/images/chevron-up.svg b/app/assets/images/chevron-up.svg
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -10,7 +10,6 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require font-awesome
  *= require_tree .
  *= require_self
  */
diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css
@@ -52,6 +52,9 @@ input[type=number] {
   border: none;
   margin: 10px;
 }
+.temp-action img {
+  width: 64px;
+}
 input[type=submit] {
   display: block;
   width: 80%;

diff --git a/app/views/dashboard/index.html.erb b/app/views/dashboard/index.html.erb
@@ -20,8 +20,12 @@
   <%= f.label :temp, "Set Temp" %>
   <%= f.number_field :temp, min: 50, max: 85, size: 2, pattern: "\\d*" %>
   <div class="temp-action-group">
-    <button class="temp-action decrease-temp" type="button"><%= fa_icon("chevron-down") %></button>
-    <button class="temp-action increase-temp" type="button"><%= fa_icon("chevron-up") %></button>
+    <button class="temp-action decrease-temp" type="button">
+      <%= image_tag "chevron-down.svg", alt: "Decrease" %>
+    </button>
+    <button class="temp-action increase-temp" type="button">
+      <%= image_tag "chevron-up.svg", alt: "Increase" %>
+    </button>
   </div>
   <%= f.submit "Set" %>
 <% end %>