From 6a3433d522e762b7f0bb48764327b947be2b592f Mon Sep 17 00:00:00 2001
From: VardanHakobyan <vardan_live@live.com>
Date: Wed, 16 Jun 2021 15:18:06 +0400
Subject: [PATCH] style: make "Advanced Options" button's styling similar to
 its previous "a" element's style

---
 .../javascripts/components/AccountMenu/Authentication.tsx   | 2 +-
 app/assets/stylesheets/_sn.scss                             | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/components/AccountMenu/Authentication.tsx b/app/assets/javascripts/components/AccountMenu/Authentication.tsx
index 7e99deae1..a104748fd 100644
--- a/app/assets/javascripts/components/AccountMenu/Authentication.tsx
+++ b/app/assets/javascripts/components/AccountMenu/Authentication.tsx
@@ -280,7 +280,7 @@ const Authentication = observer(({
               <div className="sk-panel-row" />
               <button
                 type="button"
-                className="sn-button small info"
+                className="sk-a info font-bold text-left p-0 hover-text-underline"
                 onClick={() => {
                   setShowAdvanced(!showAdvanced);
                 }}>
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index 2a8ca0bad..09fefc2e8 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -8,6 +8,12 @@
   display: none;
 }
 
+.hover-text-underline {
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 /**
  * A button that is just an icon. Separated from .sn-button because there
  * is almost no style overlap.