From 69175bce0c77ce60b1d9b526e59c670098b9ec03 Mon Sep 17 00:00:00 2001
From: BryanEliDimas <bryanelidimas@gmail.com>
Date: Tue, 7 Apr 2020 18:14:56 -0500
Subject: [PATCH 1/2] Translate SHOW/HIDE pwd btn

---
 .../newflow/login_signup/_password_show_hide.html.erb     | 8 ++++++--
 config/locales/en.yml                                     | 2 ++
 config/locales/pl.yml                                     | 2 ++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/views/newflow/login_signup/_password_show_hide.html.erb b/app/views/newflow/login_signup/_password_show_hide.html.erb
index 65fae927d..e81df5f3c 100644
--- a/app/views/newflow/login_signup/_password_show_hide.html.erb
+++ b/app/views/newflow/login_signup/_password_show_hide.html.erb
@@ -1,6 +1,10 @@
 <span id="password-show-hide-button">
-    <span class="toggle-show-hide">SHOW</span>
-    <span class="toggle-show-hide" style="display: none">HIDE</span>
+    <span class="toggle-show-hide">
+      <%= I18n.t(:"login_signup_form.show_password_btn")  %>
+    </span>
+    <span class="toggle-show-hide" style="display: none">
+      <%= I18n.t(:"login_signup_form.hide_password_btn")  %>
+    </span>
 </span>
 
 <script type="text/javascript">
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 033634636..ffc1041f8 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -109,6 +109,8 @@ en:
     password_is_blank: Password can't be blank
     password_requirements: Password requirements
     min_characters: "%{number} characters minimum"
+    show_password_btn: SHOW
+    hide_password_btn: HIDE
 
   student_profile:
     enable_other_sign_in_options: Enable other login options
diff --git a/config/locales/pl.yml b/config/locales/pl.yml
index 5c8fe2084..1f547a0ed 100644
--- a/config/locales/pl.yml
+++ b/config/locales/pl.yml
@@ -110,6 +110,8 @@ pl:
     password_is_blank: Wpisz hasło
     password_requirements: Wymagania dotyczące hasła
     min_characters: "%{number} znaków minimum"
+    show_password_btn: POKAZAĆ
+    hide_password_btn: UKRYĆ
 
   student_profile:
     enable_other_sign_in_options: Zezwól na inne opcje logowania

From 22b8221be27ec5bb864971ade45da6f6d4eb1f0c Mon Sep 17 00:00:00 2001
From: BryanEliDimas <bryanelidimas@gmail.com>
Date: Wed, 8 Apr 2020 11:09:15 -0500
Subject: [PATCH 2/2] Make form divider variable width for Polish text

---
 app/assets/stylesheets/newflow_layout.scss    | 42 +++++++------------
 .../newflow/login_signup/login_form.html.erb  | 10 ++++-
 2 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/app/assets/stylesheets/newflow_layout.scss b/app/assets/stylesheets/newflow_layout.scss
index 83ffd9158..790e50d49 100644
--- a/app/assets/stylesheets/newflow_layout.scss
+++ b/app/assets/stylesheets/newflow_layout.scss
@@ -53,27 +53,25 @@ body {
 }
 
 .form-divider {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #424242;
+    display: grid;
+    grid-column-gap: 2rem;
+    grid-template-columns: 1fr auto 1fr;
+    justify-items: center;
     text-align: center;
-    position: relative;
 
-    &:after {
-        border-top: 0.1rem solid #d5d5d5;
-        content: '';
-        display: block;
-        width: calc(50% - 7rem);
-        right: 0px;
-        position: absolute;
-        top: 50%;
+    .line {
+        border-bottom: 0.1rem solid #d5d5d5;
+        width: 100%;
+        height: 0.1rem;
+        transform: translateY(1rem);
     }
 
-    &:before {
-        border-top: 0.1rem solid #d5d5d5;
-        content: '';
-        display: block;
-        width: calc(50% - 7rem);
-        left: 0px;
-        position: absolute;
-        top: 50%;
+    .the-content {
+        max-width: calc(100vw - 18rem);
+        text-align: center;
     }
 }
 
@@ -507,16 +505,6 @@ input.has-error {
         }
     }
 
-    .form-divider {
-        @include width-up-to($phone-max) {
-            margin-top: -1.5rem;
-        }
-
-        font-weight: bold;
-        font-size: 1.2rem;
-        text-align: center;
-    }
-
     // informational messages shown to users, for example on email confirmation screen
     .info-message {
         @include set-font(body-regular);
diff --git a/app/views/newflow/login_signup/login_form.html.erb b/app/views/newflow/login_signup/login_form.html.erb
index 7183e0806..d9dc62393 100644
--- a/app/views/newflow/login_signup/login_form.html.erb
+++ b/app/views/newflow/login_signup/login_form.html.erb
@@ -36,8 +36,14 @@
                         </div>
                     </div>
 
-                    <div class="content form-divider">
-                        <%= I18n.t(:"login_signup_form.or_login_below") %>
+                    <div class="content">
+                        <div class="form-divider">
+                            <div class="line"></div>
+                            <div class="the-content">
+                                <%= I18n.t(:"login_signup_form.or_login_below") %>
+                            </div>
+                            <div class="line"></div>
+                        </div>
                     </div>
 
                     <div class="content control-group">