Add user-friendly prompts for registration and login options

Misofser · Dec 26, 2023 · 87aee5d · 87aee5d
1 parent bfe267b
commit 87aee5d
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -416,7 +416,7 @@ h3 {
 }
 
 .login h1 {
-  font-size: 44px;
+  font-size: 42px;
   margin-bottom: 20px;
   color: #333;
   margin-top: 0;
@@ -453,6 +453,20 @@ h3 {
   background-color:#66818c
 }
 
+.separator-line {
+  height: 1.5px;
+  background-color: #ccc;
+  margin-top: 20px;
+  margin-bottom: 15px;
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.account-question {
+  margin-bottom: 15px;
+}
+
 .challenge-voting-page {
   display: flex;
   justify-content: space-between;
@@ -1178,4 +1192,8 @@ footer {
     flex-direction: column;
   }
 
+  .account-question {
+    font-size: 14px;
+  }
+
 }
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
@@ -5,6 +5,12 @@
 			<%= turbo_frame_tag "form-frame" do %>
 				<%= render "sessions/form", user: @user %>
 			<% end %>
+
+			<div class="separator-line"></div>
+
+			<div class="account-question">
+  				Don't have an account? <%= link_to "Sign up", signup_path %>
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
@@ -8,6 +8,12 @@
         <%= render "users/form", user: @user %>
       <% end %>
 
+      <div class="separator-line"></div>
+
+      <div class="account-question">
+        Already have an account? <%= link_to "Log in", login_path %>
+      </div>
+
     </div>
   </div>
 </div>