From 1c237e7c28939661ed9fe281076c1ada4d290069 Mon Sep 17 00:00:00 2001
From: Mostafa Ahangarha <ahangarha@riseup.net>
Date: Fri, 3 Nov 2023 18:32:38 +0330
Subject: [PATCH 1/2] Use long title

---
 app/assets/stylesheets/welcome.scss | 6 +++++-
 app/views/welcome/_nav.html.erb     | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
index c0fe043..6bfb60a 100644
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@@ -12,8 +12,12 @@ nav {
   overflow: hidden;
   
   & a {
-    padding: .5rem 3rem;
     background-color: #eee;
+    text-align: center;
+    padding: 1rem;
+    @media(min-width: 640px) {
+      padding: .5rem 3rem;
+    }
     
     &:hover {
       background-color: #edd;
diff --git a/app/views/welcome/_nav.html.erb b/app/views/welcome/_nav.html.erb
index 0f727ed..ff484c8 100644
--- a/app/views/welcome/_nav.html.erb
+++ b/app/views/welcome/_nav.html.erb
@@ -1,4 +1,4 @@
 <nav >
-  <%= link_to "CSR", '/welcome/csr' %>
-  <%= link_to "SSR", '/welcome/ssr' %>
+  <%= link_to "Client Side Rendering", '/welcome/csr' %>
+  <%= link_to "Server Side Rendering", '/welcome/ssr' %>
 </nav>

From 78fd9b300541c4a6a12066b8248b2e778dfd4111 Mon Sep 17 00:00:00 2001
From: Mostafa Ahangarha <ahangarha@riseup.net>
Date: Fri, 3 Nov 2023 18:34:01 +0330
Subject: [PATCH 2/2] Indicate the active page title

---
 app/assets/stylesheets/welcome.scss | 4 ++++
 app/views/welcome/_nav.html.erb     | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
index 6bfb60a..4390466 100644
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@@ -22,6 +22,10 @@ nav {
     &:hover {
       background-color: #edd;
     }
+
+    &.active {
+      background-color: #edd;
+    }
   }
 }
   
\ No newline at end of file
diff --git a/app/views/welcome/_nav.html.erb b/app/views/welcome/_nav.html.erb
index ff484c8..60abcb3 100644
--- a/app/views/welcome/_nav.html.erb
+++ b/app/views/welcome/_nav.html.erb
@@ -1,4 +1,4 @@
 <nav >
-  <%= link_to "Client Side Rendering", '/welcome/csr' %>
-  <%= link_to "Server Side Rendering", '/welcome/ssr' %>
+  <%= link_to "Client Side Rendering", '/welcome/csr', class: current_page?(welcome_csr_path) ? "active" : "" %>
+  <%= link_to "Server Side Rendering", '/welcome/ssr', class: current_page?(welcome_ssr_path) ? "active" : "" %>
 </nav>