make features appear non-clickable

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 {

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>

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