From f91c6d193a2a475940b0cd29d4a33b6bd9e1c0c9 Mon Sep 17 00:00:00 2001
From: Joshua Arts <josha5@outlook.com>
Date: Mon, 23 Jul 2018 14:40:41 -0400
Subject: [PATCH] make features appear non-clickable

---
 app/assets/stylesheets/main.scss    |  9 +------
 app/views/shared/_features.html.erb | 38 ++++++++++++++---------------
 config/locales/en.yml               |  1 +
 3 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index 27a3d0c4..b04f35d7 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -12,14 +12,7 @@
 }
 
 .feature-stamp {
-  width: 7vw !important;
-  height: 7vw !important;
-  font-size: 1vw;
-}
-
-.feature-icon {
-  transform: translateY(-50%);
-  margin-top: 50%;
+  border-radius: 6px;
 }
 
 .or-line {
diff --git a/app/views/shared/_features.html.erb b/app/views/shared/_features.html.erb
index 02ef73b2..c9bc627a 100644
--- a/app/views/shared/_features.html.erb
+++ b/app/views/shared/_features.html.erb
@@ -1,24 +1,24 @@
-<h1 class="text-center mt-7"><%= t("features.title") %></h1>
+<h1 class="text-center mt-8"><%= t("features.title") %></h1>
 
 <div class="container text-center">
-  <div class="row mt-8">
-    <div class="col-4">
-      <span class="stamp feature-stamp bg-cyan">
-        <i class="fas fa-chalkboard-teacher fa-3x feature-icon"></i>
-      </span>
-      <h4 class="mt-5 text-muted"><%= t("features.rooms") %></h4>
-    </div>
-    <div class="col-4">
-      <span class="stamp feature-stamp bg-cyan">
-        <i class="fas fa-film fa-3x feature-icon"></i>
-      </span>
-      <h4 class="mt-5 text-muted"><%= t("features.recordings") %></h4>
-    </div>
-    <div class="col-4">
-      <span class="stamp feature-stamp bg-cyan">
-        <i class="fas fa-pencil-alt fa-3x feature-icon"></i>
-      </span>
-      <h4 class="mt-5 text-muted"><%= t("features.designs") %></h4>
+  <div class="col-12 mt-6">
+    <div class="background row feature-stamp">
+      <div class="col-3 my-5">
+        <i class="fas fa-chalkboard-teacher fa-3x"></i>
+        <h4 class="mt-5"><%= t("features.rooms") %></h4>
+      </div>
+      <div class="col-3 my-5">
+        <i class="fas fa-film fa-3x"></i>
+        <h4 class="mt-5"><%= t("features.recordings") %></h4>
+      </div>
+      <div class="col-3 my-5">
+        <i class="fas fa-pencil-alt fa-3x"></i>
+        <h4 class="mt-5"><%= t("features.designs") %></h4>
+      </div>
+      <div class="col-3 my-5">
+        <i class="fas fa-door-open fa-3x"></i>
+        <h4 class="mt-5"><%= t("features.authentication") %></h4>
+      </div>
     </div>
   </div>
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 66db4a18..5503a39a 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -30,6 +30,7 @@ en:
     rooms: Personalized Rooms
     recordings: Recording Management
     designs: Custom Designs
+    authentication: User Authentication
   footer:
     powered_by: Powered by %{href}.
   go_back: Go back